/* Homepage only. Shared styles and other marketing routes are unchanged. */
.homepage { --hp-ink:#142d28; --hp-muted:#51655e; --hp-paper:#f4f0e7; --hp-accent:#8fe5c2; overflow-x:clip; font-size:18px; }
.homepage::before { display:none; }
.homepage [hidden] { display:none !important; }
.homepage :focus-visible { outline:3px solid #bf914a; outline-offset:5px; }
.homepage h1,.homepage h2,.homepage h3 { font-family:var(--font-display); font-weight:700; }
.homepage a { text-decoration:none; }
.hp-wrap { width:min(1184px,calc(100% - 80px)); margin-inline:auto; }
.hp-header { height:88px; border-bottom:1px solid #ffffff12; position:relative; z-index:10; }
.hp-header-inner,.hp-logo,.hp-nav,.hp-actions,.hp-brandline { display:flex; align-items:center; }
.hp-header-inner { height:100%; justify-content:space-between; gap:24px; }
.hp-logo { gap:11px; font-family:var(--font-display); font-weight:700; font-size:25px; letter-spacing:-1px; }
.hp-logo img { width:34px; height:34px; }
.hp-nav { gap:30px; font-size:17px; color:#c5d1c9; }
.hp-nav a:not(.hp-button):hover,.hp-footer a:hover { color:var(--hp-accent); }
.hp-nav .hp-language { padding-inline-start:26px; border-inline-start:1px solid #ffffff25; }
.hp-button { display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:14px 23px; min-height:52px; border:1px solid transparent; border-radius:8px; font:700 18px var(--font-ui); cursor:pointer; transition:background .18s, transform .18s; color:#0a2a21; background:var(--hp-accent); }
.hp-button:hover { background:#b3f2d5; transform:translateY(-2px); }
.hp-button-small { min-height:44px; padding:9px 18px; font-size:16px; }
.hp-button-outline { background:transparent; color:inherit; border-color:#4f7266; }
.hp-button-outline:hover { background:#ffffff0b; }
.hp-menu-button { display:none; }
.hp-hero { padding:74px 0 55px; background:radial-gradient(ellipse at 88% 42%,#194e3a66,transparent 53%); }
.hp-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:70px; align-items:center; }
.hp-eyebrow { display:flex; align-items:center; gap:10px; color:#bed0c4; font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-bottom:25px; }
.hp-eyebrow::before { content:""; width:7px; height:7px; background:var(--hp-accent); border-radius:50%; flex:none; }
.hp-hero h1 { font-size:clamp(42px,4.6vw,65px); line-height:1.14; letter-spacing:-.065em; max-width:610px; }
.hp-hero h1 span { color:var(--hp-accent); display:block; }
.hp-intro { color:#bdcec3; font-size:22px; line-height:1.45; max-width:465px; margin:25px 0 28px; }
.hp-actions { gap:22px; flex-wrap:wrap; }
.hp-text-link { border-bottom:1px solid #759386; padding-block:7px; font-size:18px; }
.hp-text-link:hover { color:var(--hp-accent); }
.hp-trial-note { color:#aebeb4; font-size:15px; margin-top:17px; }
.hp-trial-note b { font-weight:400; color:#eef3ec; }
.hp-trust { display:flex; align-items:center; gap:14px; margin-top:44px; color:#b7c9bc; font-size:14px; }
.hp-trust-symbols { display:flex; align-items:center; }
.hp-trust-symbols span { display:grid; place-items:center; width:32px; height:32px; border:1px solid #39584a; background:#142d24; border-radius:50%; margin-inline-start:-5px; font-weight:700; color:#cce8d8; }
.hp-trust-symbols span:first-child { margin-inline-start:0; }
.hp-demo-stage { perspective:1300px; position:relative; min-width:0; padding:15px 0 25px; }
.hp-demo { border:1px solid #49705a; border-radius:24px; background:#10271e; box-shadow:0 28px 70px #0005,0 3px 0 #37564b,0 0 100px #4ec18b0c; overflow:hidden; }
.hp-demo-toolbar { display:flex; align-items:center; justify-content:space-between; padding:14px 20px; border-bottom:1px solid #ffffff10; gap:12px; }
.hp-demo-title { display:flex; align-items:center; gap:7px; font-size:14px; color:#cbddd0; }
.hp-demo-title svg { width:16px; height:16px; }
.hp-language-group { display:flex; gap:3px; padding:3px; border:1px solid #4a6c59; border-radius:7px; }
.hp-language-group button { border:0; background:none; color:#c7d5cb; border-radius:4px; padding:5px 9px; cursor:pointer; font-size:14px; min-width:36px; min-height:32px; }
.hp-language-group button[aria-pressed="true"] { background:#d9ebdd; color:#18392a; }
.hp-demo-business { display:flex; gap:12px; align-items:center; padding:17px 24px; background:#f9f7f0; color:#20372b; }
.hp-avatar { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:#e5ecde; color:#436c51; font:700 21px var(--font-display); }
.hp-demo-business strong { display:block; font-size:18px; line-height:1.15; }
.hp-demo-business small { color:#567062; font-size:13px; }
.hp-demo-business .hp-online { width:7px; height:7px; border-radius:50%; background:#388353; margin-inline-start:auto; }
.hp-conversation { padding:21px 23px 16px; background:#eeeee3; color:#243a2e; min-height:290px; }
.hp-conversation-top { text-align:center; font-size:12px; color:#5c7064; margin-bottom:15px; letter-spacing:.05em; }
.hp-message { max-width:89%; background:#fff; padding:12px 15px; border-radius:2px 12px 12px; box-shadow:0 1px 1px #102c1110; font-size:18px; line-height:1.45; }
.hp-message-out { background:#d1e8ce; margin-top:14px; margin-inline-start:auto; border-radius:12px 2px 12px 12px; }
.hp-message small { font-size:11px; color:#506b55; display:block; margin-top:7px; text-align:end; }
.homepage .hp-message p { color:#243a2e; font-size:18px; line-height:1.45; }
.hp-voice-label { display:flex; align-items:center; gap:7px; color:#526751; font-size:12px; margin-bottom:6px; }
.hp-voice-label svg { width:15px; height:15px; }
.hp-demo-bottom { padding:14px 20px; background:#f9f7f0; color:#234634; }
.hp-demo-button { width:100%; min-height:43px; background:#143f2c; color:#eef8ee; border:0; border-radius:6px; cursor:pointer; font-weight:700; font-size:16px; }
.hp-demo-button:hover { background:#23553c; }
.hp-booking { display:flex; align-items:center; gap:12px; min-height:43px; }
.hp-check { display:grid; place-items:center; background:#d6ecd5; color:#1b5834; width:34px; height:34px; flex:none; border-radius:50%; }
.hp-booking strong { display:block; line-height:1.1; font-size:17px; }
.hp-booking small { font-size:13px; color:#49614c; }
.hp-reset { margin-inline-start:auto; border:0; background:transparent; text-decoration:underline; color:#25513a; cursor:pointer; min-height:40px; }
.hp-demo-caption { text-align:center; font-size:13px; color:#a1bda9; margin-top:16px; }
.hp-demo-caption span { color:#d0d9cd; }
.hp-language-group button[lang="ur"] { font-family:var(--font-ui); }
.homepage .hp-message:lang(ur) p { font-family:"Noto Nastaliq Urdu", "Segoe UI", sans-serif; font-size:16px; line-height:2.2; }
.hp-industries { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:46px; margin-top:45px; border-top:1px solid #ffffff18; }
.hp-industries p { font-size:13px; color:#9eb6a5; white-space:nowrap; }
.hp-industry-links { display:flex; justify-content:space-between; flex:1; gap:22px; flex-wrap:wrap; }
.hp-industry-links a { font-size:17px; color:#d9e2d8; }
.hp-industry-links a:hover { color:var(--hp-accent); text-decoration:underline; text-underline-offset:5px; }
.hp-section { padding:96px 0; scroll-margin-top:28px; }
.hp-light { background:var(--hp-paper); color:var(--hp-ink); }
.hp-section-label { font-size:13px; color:#5e735f; font-weight:700; letter-spacing:.13em; text-transform:uppercase; margin-bottom:20px; }
.hp-section h2 { font-size:clamp(29px,3.05vw,42px); line-height:1.25; letter-spacing:-.05em; }
.hp-section-intro { color:var(--hp-muted); font-size:21px; margin-top:19px; max-width:530px; line-height:1.45; }
.hp-split { display:grid; grid-template-columns:1fr 1.05fr; align-items:center; gap:90px; }
.hp-feature-list { margin-top:30px; display:grid; gap:21px; }
.hp-feature-list li { display:flex; align-items:flex-start; gap:13px; }
.hp-feature-number { font:700 12px var(--font-display); color:#517357; padding-top:5px; }
.hp-feature-list h3 { font:700 20px var(--font-ui); }
.hp-feature-list p { color:var(--hp-muted); line-height:1.4; font-size:18px; }
.hp-inbox { padding:24px; border:1px solid #c9d0bf; border-radius:12px; background:#fffdf7; box-shadow:0 14px 40px #313b1e09; }
.hp-inbox-heading { display:flex; justify-content:space-between; align-items:center; padding-bottom:21px; border-bottom:1px solid #dce1d4; }
.hp-inbox-heading strong { font-size:22px; }
.hp-inbox-heading small { color:#5a6f5e; font-size:13px; }
.hp-inbox-row { display:grid; grid-template-columns:34px 1fr auto; gap:12px; padding:20px 0; border-bottom:1px solid #e7e9df; align-items:center; }
.hp-inbox-row:last-of-type { border:0; }
.hp-initial { display:grid; place-items:center; background:#e9eddf; width:34px; height:34px; border-radius:50%; font-size:14px; font-weight:700; }
.hp-inbox-row strong { display:block; font-size:18px; }
.hp-inbox-row p { font-size:15px; color:#5e6e5f; }
.hp-status { display:inline-flex; padding:4px 9px; background:#dcebdd; border-radius:5px; color:#2a5a34; font-size:12px; white-space:nowrap; }
.hp-status-lead { background:#e6eee8; color:#335848; }
.hp-status-human { background:#f2e6c9; color:#75521f; }
.hp-inbox-foot { font-size:14px; background:#eff2e7; padding:12px; border-radius:6px; margin-top:7px; color:#52664f; }
.hp-workflow { border-top:1px solid #d7dccd; }
.hp-heading-row { display:flex; justify-content:space-between; align-items:end; gap:35px; }
.hp-heading-row .hp-section-intro { max-width:360px; margin:0; }
.hp-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:55px; }
.hp-step { border-top:1px solid #bfcbb8; padding-top:22px; }
.hp-step-number { display:block; color:#537b59; font:700 13px var(--font-display); margin-bottom:25px; }
.hp-step h3 { font-size:20px; line-height:1.4; margin-bottom:14px; letter-spacing:-.025em; }
.hp-step p { color:#53644e; line-height:1.4; font-size:19px; }
.hp-steps-note { font-size:15px; color:#586d57; margin-top:32px; }
.hp-pricing { background:#e8eddf; color:var(--hp-ink); }
.hp-pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:40px; }
.hp-plan { display:flex; flex-direction:column; border:1px solid #c3cdb9; border-radius:12px; padding:28px; background:#f4f6ec; position:relative; }
.hp-plan-featured { background:#173f2c; color:#f5f6ed; border-color:#173f2c; }
.hp-plan-tag { color:#597058; font-size:13px; margin-bottom:13px; }
.hp-plan-featured .hp-plan-tag { color:#bbdfba; }
.hp-plan h3 { font-size:22px; }
.hp-plan-desc { color:#52654f; font-size:17px; margin-top:10px; }
.hp-plan-featured .hp-plan-desc { color:#c3d6c0; }
.hp-price { display:flex; gap:5px; align-items:baseline; margin-top:24px; color:inherit; }
.hp-price strong { font:700 44px var(--font-display); letter-spacing:-.06em; }
.hp-price span { font-size:16px; }
.hp-price small { font-size:14px; }
.hp-price .hp-custom-price { font-size:33px; line-height:1.45; }
.hp-yearly { font-size:15px; color:#586d52; margin-top:3px; }
.hp-plan-featured .hp-yearly { color:#c3d6c0; }
.hp-plan ul { display:grid; gap:11px; font-size:18px; margin:25px 0 30px; }
.hp-plan li { display:flex; align-items:start; gap:9px; }
.hp-plan li::before { content:"✓"; color:#346f42; }
.hp-plan-featured li::before { color:#a4e7b2; }
.hp-plan .hp-button { width:100%; margin-top:auto; background:#e1e9d8; border-color:#a7bda2; color:#24452c; }
.hp-plan-featured .hp-button { background:var(--hp-accent); color:#113323; border-color:transparent; }
.hp-plan .hp-button:hover { background:#c3e4be; }
.hp-pricing-notes { display:flex; justify-content:space-between; gap:30px; margin-top:25px; font-size:15px; color:#506449; }
.hp-pricing-notes p { max-width:560px; color:inherit; font-size:inherit; }
.hp-closing { background:radial-gradient(ellipse at 20% 20%,#28533955,transparent 65%),#091c14; }
.hp-closing .hp-section-label { color:#a8c3a9; }
.hp-closing .hp-section-intro { color:#bfd0bf; }
.hp-closing .hp-actions { margin-top:28px; }
.hp-help-box { padding:28px; border:1px solid #426349; border-radius:12px; background:#163123; }
.hp-help-box h3 { font-size:22px; }
.hp-help-box>p { font-size:18px; color:#c0d0bb; margin:12px 0 20px; }
.hp-form { display:grid; gap:15px; }
.hp-form label { font-size:16px; color:#d5e3cf; display:grid; gap:6px; }
.hp-form input { width:100%; min-width:0; padding:12px 14px; font:18px var(--font-ui); border:1px solid #729071; border-radius:6px; color:#f0f5e9; background:#0d2418; }
.hp-form input::placeholder { color:#a1b69c; }
.hp-form .hp-button { margin-top:3px; }
.hp-form .cta-error,.hp-help-box .cta-success { display:none; padding:12px; border:1px solid #beab75; border-radius:6px; font-size:17px; color:#ffe8b3; }
.hp-form .cta-error.is-visible,.hp-help-box .cta-success.is-visible { display:block; }
.hp-help-box .cta-success { color:#c5f5c4; border-color:#76a176; }
.hp-form.is-hidden { display:none; }
.hp-form button:disabled { opacity:.65; cursor:wait; }
.hp-form-note { font-size:13px; color:#b0c3a9; margin-top:14px; }
.hp-form-note a { text-decoration:underline; }
.hp-footer { padding:33px 0; background:#091c14; border-top:1px solid #294733; }
.hp-footer-inner { display:flex; align-items:center; gap:25px; justify-content:space-between; flex-wrap:wrap; }
.hp-footer nav { display:flex; gap:24px; font-size:15px; color:#bbccba; flex-wrap:wrap; }
.hp-footer small { color:#a2b59f; font-size:13px; }
.homepage[dir="rtl"] { letter-spacing:0; }
.homepage:dir(rtl) .hp-hero h1 { letter-spacing:0; font-size:clamp(41px,4.2vw,60px); line-height:1.35; }
.homepage:dir(rtl) .hp-section h2 { letter-spacing:0; line-height:1.5; }
.homepage:dir(rtl) .hp-eyebrow,.homepage:dir(rtl) .hp-section-label { letter-spacing:0; }
@media(min-width:1450px) { .hp-hero { padding-top:90px; padding-bottom:60px; } }
@media(max-width:1050px) {
 .hp-wrap { width:calc(100% - 48px); } .hp-hero-grid { gap:32px; } .hp-hero h1 { font-size:48px; }
 .hp-nav { gap:19px; } .hp-split { gap:45px; } .hp-plan { padding:23px; }
 .hp-industries { align-items:start; } .hp-industry-links { gap:12px 24px; }
}
@media(max-width:760px) {
 .homepage:not(.hp-menu-ready) .hp-header { height:auto; padding-block:18px; }
 .homepage:not(.hp-menu-ready) .hp-nav { position:static; width:100%; box-shadow:none; padding:12px; }
 .hp-wrap { width:calc(100% - 40px); } .hp-header { height:72px; } .hp-logo { font-size:22px; } .hp-logo img { width:30px; height:30px; }
 .hp-menu-button { display:inline-flex; min-height:42px; padding:7px 14px; border:1px solid #71917a; border-radius:6px; background:none; color:#e0eadb; cursor:pointer; }
 .hp-header-inner { gap:15px; flex-wrap:wrap; }
 .hp-nav { display:flex; width:100%; gap:15px; flex-wrap:wrap; background:#10291d; padding:18px 20px; border:1px solid #42664a; border-radius:10px; position:absolute; top:63px; inset-inline:20px; width:auto; box-shadow:0 18px 30px #0005; }
 .hp-nav[hidden] { display:none; } .hp-nav .hp-language { padding-inline-start:15px; } .hp-nav .hp-button { flex:1; }
 .hp-hero { padding:44px 0 33px; } .hp-hero-grid { grid-template-columns:1fr; gap:31px; }
 .hp-hero h1 { font-size:clamp(40px,8.3vw,58px); letter-spacing:-.055em; }
 .hp-eyebrow { font-size:12px; margin-bottom:20px; }
 .hp-intro { margin:21px 0 23px; font-size:21px; max-width:520px; }
 .hp-actions { gap:16px; } .hp-button { padding:12px 18px; } .hp-text-link { font-size:17px; }
 .hp-trust { margin-top:24px; } .hp-trial-note { font-size:14px; }
 .hp-demo-stage { padding:0; max-width:500px; width:100%; margin-inline:auto; }
 .hp-demo,.homepage:dir(rtl) .hp-demo { transform:none; }
 .hp-demo-toolbar { padding:12px 15px; } .hp-conversation { padding:18px; }
 .hp-industries { margin-top:31px; padding-top:26px; flex-direction:column; gap:14px; }
 .hp-industry-links { gap:10px 23px; justify-content:start; } .hp-industry-links a { font-size:16px; }
 .hp-section { padding:62px 0; } .hp-split { grid-template-columns:1fr; gap:36px; }
 .hp-section h2 { font-size:31px; } .hp-section-intro { font-size:20px; }
 .hp-inbox { padding:19px; } .hp-inbox-row { gap:8px; } .hp-inbox-row p { font-size:14px; }
 .hp-heading-row { display:block; } .hp-heading-row .hp-section-intro { margin-top:18px; max-width:100%; }
 .hp-steps { grid-template-columns:1fr; gap:25px; margin-top:32px; }
 .hp-step { display:grid; grid-template-columns:35px 1fr; gap:0 10px; } .hp-step-number { grid-row:span 2; padding-top:5px; margin:0; } .hp-step p { grid-column:2; }
 .hp-pricing-grid { grid-template-columns:1fr; gap:16px; margin-top:30px; } .hp-plan { padding:26px; }
 .hp-pricing-notes { flex-direction:column; gap:12px; } .hp-help-box { padding:24px; }
 .hp-footer-inner { align-items:start; gap:22px; } .hp-footer nav { gap:15px 21px; }
 .homepage:dir(rtl) .hp-hero h1 { font-size:clamp(38px,8vw,54px); }
}

/* Small CSS 3D brand object: no canvas, model download or animation library. */
.hp-hero-identity { display:flex; align-items:center; gap:20px; margin-bottom:24px; }
.hp-identity-copy { min-width:0; }
.hp-identity-copy .hp-eyebrow { margin:0 0 5px; font-size:12px; line-height:1.5; }
.hp-identity-copy .hp-eyebrow::before { display:none; }
.hp-emblem { width:78px; height:78px; flex:none; perspective:650px; position:relative; }
.hp-emblem::after { content:""; position:absolute; width:58px; height:9px; bottom:-11px; left:10px; border-radius:50%; background:#0005; filter:blur(5px); }
.hp-emblem-orbit { position:absolute; inset:-9px; border:1px solid #82dfbf24; border-radius:30px; transform:rotate(-12deg); }
.hp-emblem-coin { position:relative; width:100%; height:100%; transform-style:preserve-3d; transform:rotateX(8deg) rotateY(-14deg); }
.hp-emblem-face { display:grid; place-items:center; position:absolute; inset:0; border:1px solid #b2f6d795; border-radius:23px; background:linear-gradient(145deg,#418876,#123f37 65%,#092921); box-shadow:inset 0 2px 3px #ddffef55,inset 0 -3px 5px #0007; backface-visibility:hidden; }
.hp-emblem-front { transform:translateZ(6px); }
.hp-emblem-back { transform:rotateY(180deg) translateZ(6px); }
.hp-emblem-face img { width:48px; height:48px; }
.hp-emblem-edge,.hp-emblem-edge::before,.hp-emblem-edge::after { position:absolute; inset:0; border-radius:23px; background:#356c5c; }
.hp-emblem-edge { transform-style:preserve-3d; }
.hp-emblem-edge::before,.hp-emblem-edge::after { content:""; transform:translateZ(3px); }
.hp-emblem-edge::after { transform:translateZ(-3px); }
.hp-motion-toggle { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:3px 0; font-size:13px; color:#bcd4c6; background:none; border:0; cursor:pointer; }
.hp-motion-toggle:hover { color:#fff; }
.hp-motion-toggle span:first-child { display:grid; place-items:center; width:23px; height:23px; border:1px solid #749985; border-radius:50%; font:12px sans-serif; }
.hp-motion-ready .hp-emblem-coin { animation:hp-emblem-turn 10s ease-in-out infinite paused; }
.hp-motion-ready .hp-hero h1 span { animation:hp-word-flow .8s ease-out both paused; }
.hp-motion-on.hp-hero-active .hp-emblem-coin,.hp-motion-on.hp-hero-active .hp-hero h1 span { animation-play-state:running; }
.hp-reply-slot { position:relative; margin-top:14px; }
.hp-reply-slot .hp-message-out { margin-top:0; }
.hp-message-answer { margin-top:14px; }
.hp-motion-on .hp-demo [data-demo-step] { transition:opacity .24s ease-out; }
.hp-demo .hp-awaiting { opacity:0; }
.hp-typing { position:absolute; top:0; inset-inline-end:0; display:flex; gap:5px; align-items:center; width:66px; height:40px; justify-content:center; border-radius:12px 2px 12px 12px; background:#d1e8ce; }
.hp-typing span { width:6px; height:6px; border-radius:50%; background:#477652; }
.hp-typing span { animation:hp-typing-dot 1.2s ease-in-out infinite paused; }
.hp-motion-on.hp-demo-active .hp-typing span { animation-play-state:running; }
.hp-typing span:nth-child(2) { animation-delay:.15s; }
.hp-typing span:nth-child(3) { animation-delay:.3s; }
.hp-demo-bottom { min-height:77px; display:grid; align-items:center; }
.hp-demo-button { min-height:44px; }
.hp-demo-controls { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:15px; flex-wrap:wrap; }
.hp-live-label { display:flex; align-items:center; gap:7px; color:#b0cbbd; font-size:13px; }
.hp-live-label>span { width:6px; height:6px; border-radius:50%; background:#8fe5c2; }
.hp-demo-controls .hp-reset { color:#d1e8da; font-size:14px; min-height:44px; padding:4px; display:flex; gap:6px; align-items:center; text-underline-offset:4px; }
.hp-demo-caption { margin-top:4px; text-align:start; }
.hp-language-group button { min-width:40px; min-height:40px; }
@keyframes hp-emblem-turn {
  0%,100% { transform:rotateX(8deg) rotateY(-14deg); }
  50% { transform:rotateX(-6deg) rotateY(14deg); }
}
@keyframes hp-typing-dot { 0%,60%,100% { translate:0 0; opacity:.5; } 30% { translate:0 -4px; opacity:1; } }
@keyframes hp-word-flow { from { opacity:.95; } to { opacity:1; } }

/* Readable at rest and in motion: a steady screen, complete messages, and
   separate speaker, message and timestamp levels in all three languages. */
.hp-demo-stage { max-width:480px; width:100%; margin-inline:auto; }
.hp-demo-toolbar { padding:12px 18px; }
.hp-demo-business { padding:16px 20px; }
.hp-conversation { padding:18px 20px 20px; background:radial-gradient(ellipse at top,#f6f5ee,#e9ede4); }
.hp-conversation-top { letter-spacing:.09em; font-size:10px; margin-bottom:18px; }
.hp-message { width:fit-content; max-width:90%; padding:11px 14px 8px; border:1px solid #193c2810; border-radius:4px 15px 15px; }
.hp-message-out { background:#d8eedf; border-color:#aacdb64d; border-radius:15px 4px 15px 15px; }
.hp-message-author { display:block; margin-bottom:5px; font:600 11px/1.5 var(--font-ui); color:#527063; }
.hp-message-out .hp-message-author { color:#246346; }
.homepage .hp-message p { font-family:var(--font-ui); font-size:17px; line-height:1.5; margin:0; white-space:pre-line; text-align:start; overflow-wrap:anywhere; }
.hp-message small { margin-top:5px; font:11px/1.4 var(--font-ui); color:#607368; }
.hp-delivered { color:#247791; padding-inline-start:4px; }
.hp-voice-label { font:11px/1.4 var(--font-ui); color:#62766a; margin-bottom:7px; }
.hp-voice-label svg { width:12px; height:12px; }
.hp-message:dir(rtl) { border-radius:15px 4px 15px 15px; }
.hp-message-out:dir(rtl) { border-radius:4px 15px 15px; }
.homepage .hp-message:lang(ar) p { font-size:18px; line-height:1.7; }
.homepage .hp-message:lang(ur) p { font-family:var(--font-ui); font-size:18px; line-height:1.9; }
.hp-message:lang(ar) .hp-message-author,.hp-message:lang(ur) .hp-message-author { font-size:12px; }
.hp-demo-bottom { min-height:80px; padding:16px 20px; border-top:1px solid #cad9cb; }
.hp-booking strong { font-size:18px; line-height:1.5; }
.hp-booking small { display:block; font-size:14px; line-height:1.5; }
.hp-check { border-radius:11px; width:38px; height:38px; }
@media(max-width:760px) {
 .hp-hero-identity { gap:16px; margin-bottom:18px; }
 .hp-emblem { width:60px; height:60px; }
 .hp-emblem-face,.hp-emblem-edge,.hp-emblem-edge::before,.hp-emblem-edge::after { border-radius:18px; }
 .hp-emblem-face img { width:38px; height:38px; }
 .hp-emblem::after { width:44px; left:8px; }
 .hp-identity-copy .hp-eyebrow { font-size:11px; letter-spacing:.07em; }
 .hp-demo-toolbar { flex-wrap:wrap; gap:8px; }
 .hp-language-group { margin-inline-start:auto; }
 .hp-demo-controls { gap:3px; }
 .hp-demo-controls .hp-reset { margin-inline-start:0; }
 .hp-conversation { padding:16px 14px; }
 .hp-message { max-width:94%; }
 .hp-demo-bottom { padding-inline:14px; }
}
@media(prefers-reduced-motion:reduce) { .homepage:not(.hp-motion-on) *, .homepage:not(.hp-motion-on) *::before, .homepage:not(.hp-motion-on) *::after { animation-play-state:paused !important; transition:none !important; scroll-behavior:auto !important; } }
