:root{--wx-navy:#10283b;--wx-deep:#0b1d2a;--wx-blue:#286f9f;--wx-sky:#67c3e6;--wx-gold:#c9a55b;--wx-cream:#f6f2e8;--wx-green:#2f7b5f;--wx-text:#173044;--wx-muted:#5c6e7b;--wx-border:#c9d6df;--wx-panel:#fff;--wx-bg:#eef5f8}
.webx-hs-shell{font-family:Inter,Arial,sans-serif;color:var(--wx-text);padding:30px 12px 60px;background:radial-gradient(circle at 10% 0%,rgba(103,195,230,.22),transparent 28%),radial-gradient(circle at 92% 18%,rgba(201,165,91,.16),transparent 24%),linear-gradient(150deg,#091c2b,#0b2637 54%,#0b1c27);min-height:100vh}
.webx-hs-shell *{box-sizing:border-box}.webx-hs-card{width:min(100%,760px);margin:auto;background:linear-gradient(180deg,#fff,#f6fafc);border:1px solid rgba(170,201,220,.85);border-radius:30px;box-shadow:0 34px 90px rgba(0,0,0,.32);overflow:hidden;padding:20px}
.webx-hs-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;letter-spacing:.17em;font-weight:900;color:#526979;padding:8px 4px 14px;border-bottom:2px solid #3d89ad}.webx-hs-ready{letter-spacing:.08em;color:#fff;background:var(--wx-green);padding:6px 9px;border-radius:999px}
.webx-hs-hero{text-align:center;padding:36px 14px 24px}.webx-hs-mark{width:88px;height:88px;margin:0 auto 18px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(145deg,#dff4fb,#f5ead0);border:2px solid #4f9fc4;font-size:44px;color:#1d5d7d;box-shadow:0 14px 32px rgba(21,83,112,.15)}.webx-hs-eyebrow,.webx-hs-kicker{font-size:10px;letter-spacing:.18em;font-weight:900;color:#2f7192}.webx-hs-hero h1{font-size:44px;line-height:1.02;margin:9px 0 12px;color:var(--wx-navy);letter-spacing:-.03em}.webx-hs-hero p{max-width:540px;margin:0 auto;color:var(--wx-muted);font-size:16px;line-height:1.55}.webx-hs-location{display:inline-flex;margin-top:14px;padding:7px 12px;border:1px solid #bdd4e0;border-radius:999px;background:#f7fbfd;font-size:12px;font-weight:750;color:#375d72}
.webx-hs-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.webx-hs-actions button{min-height:94px;border:1px solid #b8cfdb;background:#fff;border-radius:18px;color:var(--wx-navy);font-size:11px;font-weight:850;cursor:pointer;box-shadow:0 9px 22px rgba(22,74,99,.07);padding:10px 6px}.webx-hs-actions button span{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 9px;border-radius:11px;background:#e5f3f9;color:#1c6588;font-size:18px}.webx-hs-actions button:hover,.webx-hs-actions button:focus-visible{transform:translateY(-2px);border-color:#438cad;outline:3px solid rgba(67,140,173,.18);outline-offset:2px}
.webx-hs-section{position:relative;margin-top:30px;padding-top:26px}.webx-hs-section:before{content:"";position:absolute;top:0;left:0;width:82px;height:3px;border-radius:999px;background:linear-gradient(90deg,#2a789d,#67c3e6,#c9a55b)}.webx-hs-section h2{font-size:28px;line-height:1.08;margin:8px 0 15px;color:var(--wx-navy)}.webx-hs-section>p{color:var(--wx-muted);font-size:14px;line-height:1.6}.webx-hs-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.webx-hs-feature-grid article{padding:17px;border:1px solid #cadae2;border-radius:16px;background:#fff;min-height:130px}.webx-hs-feature-grid strong{display:block;margin-bottom:8px}.webx-hs-feature-grid span{color:var(--wx-muted);font-size:13px;line-height:1.5}
.webx-hs-services{display:flex;gap:8px;flex-wrap:wrap}.webx-hs-services span,.webx-hs-seo-grid span{padding:9px 12px;border-radius:999px;background:#eef6f9;border:1px solid #c4dce6;font-size:12px;font-weight:750}.webx-hs-seo{background:linear-gradient(145deg,#f0f8fb,#fbf7ee);padding:26px;border:1px solid #d1e0e6;border-radius:20px}.webx-hs-seo:before{display:none}.webx-hs-seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.webx-hs-seo-grid span{text-align:center;background:#fff;border-radius:12px}
.webx-hs-faq details{border:1px solid #d1dfe6;border-radius:14px;background:#fff;padding:13px 14px;margin-top:9px}.webx-hs-faq summary{cursor:pointer;font-weight:800}.webx-hs-faq p{color:var(--wx-muted);line-height:1.55;font-size:13px}.webx-hs-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:34px;padding:18px 4px 4px;border-top:1px solid #d6e1e6;font-size:12px}.webx-hs-footer span{color:#4e6c7d;font-weight:750}
.webx-hs-panel{margin-top:24px;padding:20px;border:2px solid #79abc2;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(22,74,99,.10)}.webx-hs-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.webx-hs-panel-head h3{font-size:25px;margin:6px 0 0}.webx-hs-close{width:38px;height:38px;border-radius:50%;border:1px solid #c8d8e0;background:#f3f8fa;font-size:22px;cursor:pointer}.webx-hs-panel>p{color:var(--wx-muted);line-height:1.55}.webx-hs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.webx-hs-form-grid label{font-size:12px;font-weight:800}.webx-hs-form-grid input,.webx-hs-form-grid textarea{display:block;width:100%;margin-top:5px;border:1px solid #b9ced8;border-radius:11px;padding:11px 12px;font-size:16px;background:#fbfdfe}.webx-hs-full{grid-column:1/-1}.webx-hs-consent{display:flex;gap:8px;align-items:flex-start;margin:13px 0;font-size:12px;line-height:1.45}.webx-hs-consent input{margin-top:2px}.webx-hs-submit{width:100%;min-height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#174e6c,#2b7da4);color:#fff;font-weight:900;font-size:14px;cursor:pointer}.webx-hs-form-status{margin-top:10px;font-size:13px;font-weight:700}.webx-hs-demo-response{padding:16px;border-radius:15px;background:#eef7fa;border:1px solid #c5dce6;color:#375769;line-height:1.55}.webx-hs-demo-response strong{display:block;color:#173b50;margin-bottom:7px}.webx-hs-call-note{padding:16px;border-radius:15px;background:#fff9ea;border:1px solid #e3cf98;color:#6f5b24;line-height:1.55}
.webx-hs-backoffice{font-family:Inter,Arial,sans-serif;color:#173044;width:min(100% - 24px,1100px);margin:32px auto;padding:26px;background:#f5f9fb;border:1px solid #cadbe3;border-radius:24px}.webx-hs-bo-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.webx-hs-bo-header h1{margin:7px 0 3px;font-size:34px;color:#10283b}.webx-hs-bo-header p{margin:0;color:#657783}.webx-hs-bo-badge{background:#2f7b5f;color:#fff;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:900}.webx-hs-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.webx-hs-kpis article,.webx-hs-bo-panel{background:#fff;border:1px solid #cfdee5;border-radius:16px;padding:18px}.webx-hs-kpis span{font-size:12px;color:#607480;font-weight:800}.webx-hs-kpis strong{display:block;font-size:28px;margin:5px 0;color:#153b50}.webx-hs-kpis small{color:#758690}.webx-hs-bo-panel{margin-top:14px}.webx-hs-bo-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.webx-hs-bo-title h2,.webx-hs-bo-panel h2{margin:0 0 12px}.webx-hs-lead-list article{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-top:1px solid #e1e9ed}.webx-hs-lead-list article:first-child{border-top:0}.webx-hs-lead-list strong,.webx-hs-lead-list span,.webx-hs-lead-list small{display:block}.webx-hs-lead-list span,.webx-hs-lead-list small{color:#6a7b85;font-size:12px}.webx-hs-empty,.webx-hs-locked{padding:20px;color:#657783}
@media(max-width:760px){.webx-hs-actions{grid-template-columns:repeat(2,1fr)}.webx-hs-actions button:last-child{grid-column:1/-1}.webx-hs-feature-grid,.webx-hs-seo-grid,.webx-hs-kpis{grid-template-columns:1fr 1fr}.webx-hs-hero h1{font-size:38px}}
@media(max-width:520px){.webx-hs-shell{padding:8px 0 30px}.webx-hs-card{border-radius:20px;padding:14px}.webx-hs-hero{padding:26px 5px 20px}.webx-hs-hero h1{font-size:34px}.webx-hs-actions{grid-template-columns:1fr 1fr;gap:8px}.webx-hs-feature-grid,.webx-hs-seo-grid,.webx-hs-kpis,.webx-hs-form-grid{grid-template-columns:1fr}.webx-hs-full{grid-column:auto}.webx-hs-bo-header{align-items:flex-start;flex-direction:column}.webx-hs-footer{align-items:flex-start;flex-direction:column}}

/* v0.1.1 standalone full-width app shell */
html,body.webx-hs-standalone-page{margin:0!important;padding:0!important;width:100%;min-height:100%;background:#0b1d2a}
body.webx-hs-standalone-page #wpadminbar~#webx-hs-standalone-main{padding-top:0}
#webx-hs-standalone-main{width:100%;margin:0;padding:0;min-height:100vh}
body.webx-hs-standalone-page .webx-hs-shell{width:100%;margin:0;display:flex;justify-content:center;align-items:flex-start;padding:36px 24px 64px}
body.webx-hs-standalone-page .webx-hs-card{width:min(100%,1080px);margin:0 auto;padding:28px}
body.webx-hs-standalone-page .webx-hs-backoffice{width:min(calc(100% - 48px),1180px);margin:36px auto 64px}
@media(max-width:760px){body.webx-hs-standalone-page .webx-hs-shell{padding:18px 10px 40px}body.webx-hs-standalone-page .webx-hs-card{padding:18px}}
@media(max-width:520px){body.webx-hs-standalone-page .webx-hs-shell{padding:0 0 28px}body.webx-hs-standalone-page .webx-hs-card{width:100%;border-radius:0;border-left:0;border-right:0;padding:14px}body.webx-hs-standalone-page .webx-hs-backoffice{width:100%;margin:0;padding:18px;border-radius:0}}

/* v0.1.2 cosmetic cleanup: ensure the dynamic action panel is fully absent until opened */
.webx-hs-panel[hidden]{display:none!important}

.webx-hs-lead-form select{width:100%;min-height:48px;border:1px solid #c8dce6;border-radius:14px;background:#fff;padding:0 14px;font:inherit;color:#102d3f;}

/* v0.1.6 — Alex shared AI chat */
.webx-hs-alex-prompts{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.webx-hs-alex-prompts button{border:1px solid #c5dce6;background:#eef7fa;color:#245b76;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800;cursor:pointer}.webx-hs-alex-prompts button:hover{border-color:#438cad;background:#e4f2f7}
.webx-hs-chat-log{max-height:330px;overflow:auto;background:#f5f9fb;border:1px solid #d3e1e7;border-radius:16px;padding:13px;display:flex;flex-direction:column;gap:9px}.webx-hs-chat-bubble{max-width:88%;padding:11px 13px;border-radius:14px;line-height:1.5;font-size:14px;white-space:pre-wrap}.webx-hs-chat-assistant{align-self:flex-start;background:#fff;border:1px solid #c9dce5;color:#284b5e}.webx-hs-chat-user{align-self:flex-end;background:#1f678a;color:#fff;border:1px solid #1f678a}.webx-hs-chat-form{margin-top:12px}.webx-hs-chat-label{display:block;font-size:12px;font-weight:850}.webx-hs-chat-input{display:block;width:100%;margin-top:5px;border:1px solid #b9ced8;border-radius:11px;padding:12px;font-size:16px;background:#fbfdfe}.webx-hs-chat-send{width:100%;min-height:46px;margin-top:9px;border:0;border-radius:12px;background:linear-gradient(135deg,#174e6c,#2b7da4);color:#fff;font-weight:900;font-size:14px;cursor:pointer}.webx-hs-chat-send:disabled{opacity:.55;cursor:wait}.webx-hs-chat-status{min-height:20px;margin-top:7px;color:#607480;font-size:12px;font-weight:700}.webx-hs-alex-handoff{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #dbe6eb}.webx-hs-alex-handoff span{font-size:12px;font-weight:850;color:#526979;margin-right:2px}.webx-hs-alex-handoff button{border:1px solid #b8cfdb;background:#fff;color:#174e6c;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:850;cursor:pointer}
@media(max-width:520px){.webx-hs-chat-bubble{max-width:96%}.webx-hs-alex-handoff{align-items:stretch}.webx-hs-alex-handoff span{width:100%}.webx-hs-alex-handoff button{flex:1}}
/* v0.1.7 Ask Alex viewport modal: intentionally isolated to the AI panel. */
.webx-hs-panel.webx-hs-alex-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;margin:0;z-index:999999;background:#fff;box-shadow:0 0 0 100vmax rgba(5,22,34,.72),0 28px 80px rgba(0,0,0,.38);overscroll-behavior:contain}
.webx-hs-panel.webx-hs-alex-modal .webx-hs-panel-head{position:sticky;top:-20px;background:#fff;z-index:2;padding-top:4px}
@media(max-width:520px){.webx-hs-panel.webx-hs-alex-modal{width:calc(100vw - 18px);max-height:calc(100vh - 18px);padding:16px}.webx-hs-panel.webx-hs-alex-modal .webx-hs-panel-head{top:-16px}}

/* v0.1.9 — Call Alex readiness */
.webx-hs-call-note{padding:18px 0 4px;font-size:1rem;line-height:1.6}
.webx-hs-call-note p{margin:0 0 16px}
.webx-hs-call-number{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;letter-spacing:.02em;margin:10px 0 18px;color:#0e3447}
.webx-hs-call-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:14px;background:linear-gradient(90deg,#175d7c,#2f8bb4);color:#fff!important;text-decoration:none!important;font-weight:800}
.webx-hs-call-safety{margin-top:20px!important;padding:14px 16px;border:1px solid #d7e5eb;border-radius:12px;background:#f7fbfc;font-size:.92rem}


/* v0.1.10 — Call Alex uses the same centered viewport treatment as Ask Alex. */
.webx-hs-panel.webx-hs-call-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;margin:0;z-index:999999;background:#fff;box-shadow:0 0 0 100vmax rgba(5,22,34,.72),0 28px 80px rgba(0,0,0,.38);overscroll-behavior:contain}
.webx-hs-panel.webx-hs-call-modal .webx-hs-panel-head{position:sticky;top:-20px;background:#fff;z-index:2;padding-top:4px}
@media(max-width:520px){.webx-hs-panel.webx-hs-call-modal{width:calc(100vw - 18px);max-height:calc(100vh - 18px);padding:16px}.webx-hs-panel.webx-hs-call-modal .webx-hs-panel-head{top:-16px}}


/* v0.1.14 — WebX platform standard: Dark Mode is the first-visit default. */
.webx-hs-top-actions{display:flex;align-items:center;gap:8px}
.webx-hs-theme-toggle{appearance:none;border:1px solid #b8cfdb;background:#fff;color:#18384a;border-radius:999px;min-width:54px;height:30px;padding:3px 7px;display:inline-flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;font-size:14px;line-height:1;box-shadow:0 4px 10px rgba(0,0,0,.08)}
.webx-hs-theme-toggle:focus-visible{outline:3px solid #67c3e6;outline-offset:2px}

.webx-hs-shell.webx-hs-dark{color:#e9f2f6}
.webx-hs-shell.webx-hs-dark .webx-hs-card{background:linear-gradient(180deg,#0d2331,#102c3c);border-color:#31566a;box-shadow:0 34px 90px rgba(0,0,0,.5)}
.webx-hs-shell.webx-hs-dark .webx-hs-topline{color:#aec4cf;border-bottom-color:#4c9bc0}
.webx-hs-shell.webx-hs-dark .webx-hs-theme-toggle{background:#102f40;color:#e8f2f6;border-color:#3c6478}
.webx-hs-shell.webx-hs-dark .webx-hs-mark{background:linear-gradient(145deg,#12364a,#2b3b35);border-color:#4b9dc2;color:#8dd6f2;box-shadow:0 14px 32px rgba(0,0,0,.28)}
.webx-hs-shell.webx-hs-dark .webx-hs-eyebrow,
.webx-hs-shell.webx-hs-dark .webx-hs-kicker{color:#77c8ea}
.webx-hs-shell.webx-hs-dark .webx-hs-hero h1,
.webx-hs-shell.webx-hs-dark .webx-hs-section h2,
.webx-hs-shell.webx-hs-dark .webx-hs-panel-head h3{color:#f4f9fb}
.webx-hs-shell.webx-hs-dark .webx-hs-hero p,
.webx-hs-shell.webx-hs-dark .webx-hs-section>p,
.webx-hs-shell.webx-hs-dark .webx-hs-feature-grid span,
.webx-hs-shell.webx-hs-dark .webx-hs-faq p,
.webx-hs-shell.webx-hs-dark .webx-hs-panel>p,
.webx-hs-shell.webx-hs-dark .webx-hs-chat-status{color:#b7cbd5}
.webx-hs-shell.webx-hs-dark .webx-hs-location{background:#123143;border-color:#375d70;color:#cbe0e9}
.webx-hs-shell.webx-hs-dark .webx-hs-actions button,
.webx-hs-shell.webx-hs-dark .webx-hs-feature-grid article,
.webx-hs-shell.webx-hs-dark .webx-hs-faq details,
.webx-hs-shell.webx-hs-dark .webx-hs-panel{background:#112f40;border-color:#355c70;color:#eaf3f7;box-shadow:0 14px 34px rgba(0,0,0,.2)}
.webx-hs-shell.webx-hs-dark .webx-hs-actions button{color:#edf6f9}
.webx-hs-shell.webx-hs-dark .webx-hs-actions button span{background:#173e51;color:#8bd2ef}
.webx-hs-shell.webx-hs-dark .webx-hs-services span,
.webx-hs-shell.webx-hs-dark .webx-hs-seo-grid span{background:#143749;border-color:#3a6174;color:#dcebf1}
.webx-hs-shell.webx-hs-dark .webx-hs-seo{background:linear-gradient(145deg,#102f40,#152f38);border-color:#355a6c}
.webx-hs-shell.webx-hs-dark .webx-hs-seo-grid span{background:#102a39}
.webx-hs-shell.webx-hs-dark .webx-hs-footer{border-top-color:#315263}
.webx-hs-shell.webx-hs-dark .webx-hs-footer span{color:#aec4cf}
.webx-hs-shell.webx-hs-dark .webx-hs-close{background:#173849;border-color:#3d6173;color:#edf6f9}
.webx-hs-shell.webx-hs-dark .webx-hs-form-grid input,
.webx-hs-shell.webx-hs-dark .webx-hs-form-grid textarea,
.webx-hs-shell.webx-hs-dark .webx-hs-lead-form select,
.webx-hs-shell.webx-hs-dark .webx-hs-chat-input{background:#0a2230;border-color:#3b6172;color:#f1f7fa}
.webx-hs-shell.webx-hs-dark .webx-hs-form-grid input::placeholder,
.webx-hs-shell.webx-hs-dark .webx-hs-form-grid textarea::placeholder,
.webx-hs-shell.webx-hs-dark .webx-hs-chat-input::placeholder{color:#839eab}
.webx-hs-shell.webx-hs-dark .webx-hs-demo-response,
.webx-hs-shell.webx-hs-dark .webx-hs-chat-log{background:#0b2635;border-color:#34576a;color:#c9dce5}
.webx-hs-shell.webx-hs-dark .webx-hs-demo-response strong{color:#edf6f9}
.webx-hs-shell.webx-hs-dark .webx-hs-chat-assistant{background:#153647;border-color:#3b5f71;color:#e5f0f5}
.webx-hs-shell.webx-hs-dark .webx-hs-alex-prompts button,
.webx-hs-shell.webx-hs-dark .webx-hs-alex-handoff button{background:#153849;border-color:#3c6275;color:#cfe7f1}
.webx-hs-shell.webx-hs-dark .webx-hs-alex-handoff{border-top-color:#355667}
.webx-hs-shell.webx-hs-dark .webx-hs-alex-handoff span{color:#b5cbd5}
.webx-hs-shell.webx-hs-dark .webx-hs-call-number{color:#eaf6fb}
.webx-hs-shell.webx-hs-dark .webx-hs-call-safety{background:#102d3b;border-color:#35596a;color:#c9dce5}
.webx-hs-shell.webx-hs-dark .webx-hs-panel.webx-hs-alex-modal,
.webx-hs-shell.webx-hs-dark .webx-hs-panel.webx-hs-call-modal{background:#102f40}
.webx-hs-shell.webx-hs-dark .webx-hs-panel.webx-hs-alex-modal .webx-hs-panel-head,
.webx-hs-shell.webx-hs-dark .webx-hs-panel.webx-hs-call-modal .webx-hs-panel-head{background:#102f40}