:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--avyron-navy:#0f172a;--avyron-navy-secondary:#1e293b;--avyron-primary:#2563eb;--avyron-primary-hover:#1d4ed8;--avyron-background:#f8fafc;--avyron-surface:#fff;--avyron-border:#e2e8f0;--avyron-text:#0f172a;--avyron-text-secondary:#475569;--avyron-success:#15803d;--avyron-error:#b91c1c;--avyron-on-primary:#fff;--avyron-on-navy:#f8fafc;--avyron-on-navy-secondary:#cbd5e1;--avyron-disabled-background:#e2e8f0;--avyron-disabled-text:#475569;--avyron-focus:var(--avyron-primary);--avyron-font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--avyron-radius-control:.5rem;--avyron-radius-card:.75rem;--avyron-shadow-card:0 1px 3px #0f172a0f;--avyron-space-1:.25rem;--avyron-space-2:.5rem;--avyron-space-3:.75rem;--avyron-space-4:1rem;--avyron-space-6:1.5rem;--avyron-space-8:2rem}*{box-sizing:border-box}body{background:var(--avyron-background);min-width:320px;color:var(--avyron-text);font-family:var(--avyron-font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5}button,select,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--avyron-primary)}:focus-visible{outline:3px solid var(--avyron-focus);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25}.icon{flex-shrink:0;width:24px;height:24px}.icon-button{border-radius:var(--avyron-radius-control);min-width:44px;min-height:44px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:10px;display:inline-flex}.icon-button:hover{background:var(--avyron-border)}.primary-button{border-radius:var(--avyron-radius-control);min-height:52px;color:var(--avyron-on-primary);background:var(--avyron-primary);border:1px solid #0000;justify-content:center;align-items:center;gap:12px;padding:12px 22px;font-weight:600;transition:background .15s;display:inline-flex}.primary-button:hover:not(:disabled){background:var(--avyron-primary-hover)}.primary-button:disabled{background:var(--avyron-disabled-background);color:var(--avyron-disabled-text)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.dashboard{min-height:100dvh}.desktop-sidebar{background:var(--avyron-navy);width:248px;color:var(--avyron-on-navy);z-index:10;position:fixed;inset:0 auto 0 0}.sidebar-content{flex-direction:column;height:100%;min-height:480px;padding:26px 16px 24px;display:flex}.brand-row{justify-content:space-between;align-items:center;margin-bottom:42px;padding:0 12px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:29px;font-weight:650;display:flex}.brand-symbol{color:var(--avyron-primary);letter-spacing:-6px;padding-right:7px;font-size:42px;font-style:italic;font-weight:850;line-height:1}.navigation{gap:8px;margin:0;padding:0;list-style:none;display:grid}.nav-item{border-radius:var(--avyron-radius-control);width:100%;min-height:52px;color:var(--avyron-on-navy-secondary);text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:14px;padding:14px;font-size:14px;text-decoration:none;display:flex}.nav-item.active{background:var(--avyron-primary);color:var(--avyron-on-primary);font-weight:600}.nav-item.active:hover{background:var(--avyron-primary-hover)}.nav-soon{letter-spacing:0;margin-left:auto;font-size:9px}.nav-item:focus-visible,.drawer-close:focus-visible{outline-color:var(--avyron-on-navy)}.sidebar-footer{align-items:center;gap:12px;margin-top:auto;padding:28px 12px 0;display:flex}.brand-avatar{background:var(--avyron-navy-secondary);width:38px;height:38px;color:var(--avyron-on-navy);border-radius:50%;place-items:center;display:grid}.sidebar-footer strong,.sidebar-footer span:not(.brand-avatar){font-size:13px;display:block}.sidebar-footer div>span{color:var(--avyron-on-navy-secondary);margin-top:2px}.dashboard-body{margin-left:248px}.topbar{border-bottom:1px solid var(--avyron-border);background:var(--avyron-surface);align-items:center;gap:12px;height:78px;padding:0 40px;display:flex}.company-icon{border-radius:var(--avyron-radius-control);background:var(--avyron-background);width:40px;height:40px;color:var(--avyron-primary);place-items:center;display:grid}.company{gap:1px;display:grid}.company span{color:var(--avyron-text-secondary);font-size:12px}.company strong{font-size:14px;font-weight:600}.topbar-caption{color:var(--avyron-text-secondary);margin-left:auto;font-size:12px}#main-content{padding:40px}#main-content:focus{outline:none}.skip-link{background:var(--avyron-surface);border-radius:var(--avyron-radius-control);z-index:30;padding:12px 20px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.mobile-menu{display:none}.mobile-drawer{background:var(--avyron-navy);width:280px;max-width:86vw;height:100dvh;max-height:100dvh;color:var(--avyron-on-navy);border:0;margin:0;padding:0}.mobile-drawer::backdrop{background:var(--avyron-navy);opacity:.6}.drawer-close:hover{background:var(--avyron-navy-secondary)}body:has(.mobile-drawer[open]){overflow:hidden}@media (width>=901px) and (height<=540px){.desktop-sidebar{overflow-y:auto}}@media (width<=1200px){#main-content{padding:32px 24px}.topbar{padding-inline:24px}}@media (width<=900px){.desktop-sidebar{display:none}.dashboard-body{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:72px;padding-inline:16px}}@media (width<=540px){#main-content{padding:28px 16px}.topbar-caption{display:none}}.whatsapp-page{max-width:1400px;margin-inline:auto}.page-heading{margin-bottom:28px}.eyebrow{color:var(--avyron-text-secondary);letter-spacing:1.8px;margin-bottom:10px;font-size:10px;font-weight:650}.page-heading h1{letter-spacing:-.8px;margin-bottom:8px;font-size:clamp(1.65rem,2.5vw,2rem);font-weight:700}.page-heading>p:last-child{color:var(--avyron-text-secondary);max-width:900px;font-size:15px;line-height:1.65}.integration-card{border:1px solid var(--avyron-border);border-radius:var(--avyron-radius-card);background:var(--avyron-surface);box-shadow:var(--avyron-shadow-card);overflow:hidden}.integration-main{grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;min-height:380px;padding:36px 32px;display:grid}.integration-copy{min-width:0}.integration-heading{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.integration-heading strong{font-size:15px;font-weight:650}.channel-icon{background:var(--avyron-background);color:var(--avyron-primary);border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.status-badge{color:var(--avyron-text-secondary);background:var(--avyron-background);border:1px solid var(--avyron-border);border-radius:20px;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.state-message h2{letter-spacing:-.65px;max-width:530px;margin-bottom:14px;font-size:clamp(1.35rem,1.9vw,1.75rem);font-weight:650}.state-message>p{color:var(--avyron-text-secondary);max-width:530px;font-size:15px;line-height:1.75}.integration-copy>.primary-button{margin-top:24px}.how-link{align-items:center;gap:7px;width:fit-content;min-height:44px;margin-top:8px;font-size:13px;text-decoration:none;display:flex}.how-link:hover{text-decoration:underline}.how-link .icon{width:17px;height:17px}.communication-visual{justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.phone-scene{flex-shrink:0;justify-content:center;align-items:end;width:230px;height:290px;display:flex;position:relative;overflow:hidden}.phone-halo{background:var(--avyron-background);border-radius:50%;width:225px;height:225px;position:absolute;top:30px;left:0}.phone{border:7px solid var(--avyron-navy);background:var(--avyron-background);border-radius:26px;width:154px;height:266px;position:relative;overflow:hidden;transform:rotate(-4deg)}.phone-camera{background:var(--avyron-navy);border-radius:0 0 10px 10px;width:62px;height:10px;margin:-1px auto 7px}.phone-header{border-bottom:1px solid var(--avyron-border);align-items:center;gap:7px;padding:4px 8px 10px;display:flex}.phone-avatar{background:var(--avyron-primary);width:24px;height:24px;color:var(--avyron-on-primary);border-radius:50%;place-items:center;font-size:12px;display:grid}.phone-header>span:nth-child(2){flex:1}.phone-header i{background:var(--avyron-border);border-radius:4px;width:36px;height:4px;margin:4px 0;display:block}.phone-header i:last-child{width:23px}.phone-header .icon{width:15px;height:15px;color:var(--avyron-text-secondary)}.phone-messages{gap:10px;padding:14px 9px;display:grid}.bubble{background:var(--avyron-border);border-radius:0 8px 8px;width:82%;padding:10px 8px}.bubble i{background:var(--avyron-text-secondary);opacity:.18;border-radius:3px;height:4px;margin-bottom:5px;display:block}.bubble i:last-of-type{width:65%;margin-bottom:0}.bubble.outgoing{background:var(--avyron-primary);border-radius:8px 0 8px 8px;justify-self:end;width:73%}.bubble.outgoing i{background:var(--avyron-on-primary);opacity:.65}.bubble span{text-align:right;color:var(--avyron-on-primary);height:8px;font-size:8px;display:block}.bubble.short{width:52%}.phone-input{align-items:center;gap:6px;display:flex;position:absolute;bottom:7px;left:7px;right:7px}.phone-input span{background:var(--avyron-border);border-radius:10px;flex:1;height:14px}.phone-input .icon{color:var(--avyron-primary);width:16px;height:16px}.floating-whatsapp{background:var(--avyron-primary);width:66px;height:66px;color:var(--avyron-on-primary);border:5px solid var(--avyron-surface);border-radius:22px;place-items:center;display:grid;position:absolute;top:24px;right:8px;transform:rotate(8deg)}.floating-whatsapp .icon{stroke-width:1.5px;width:40px;height:40px}.benefits{gap:12px;max-width:200px;margin:0;padding:0;list-style:none;display:grid}.benefits li{border:1px solid var(--avyron-border);border-radius:var(--avyron-radius-control);background:var(--avyron-surface);align-items:center;gap:10px;min-height:66px;padding:12px;font-size:12px;font-weight:500;line-height:1.5;display:flex}.benefit-icon{color:var(--avyron-primary);background:var(--avyron-background);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.benefit-icon .icon{width:20px;height:20px}.connection-steps{border-top:1px solid var(--avyron-border);padding:24px 32px 30px}.connection-steps h2{margin-bottom:24px;font-size:16px;font-weight:650}.connection-steps ol{grid-template-columns:repeat(4,1fr);gap:22px;margin:0;padding:0;list-style:none;display:grid}.connection-steps li{gap:12px;min-width:0;display:flex;position:relative}.step-number{background:var(--avyron-border);width:32px;height:32px;color:var(--avyron-text-secondary);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:600;display:grid}.step-number .icon{width:18px;height:18px}.step-current .step-number{color:var(--avyron-on-primary);background:var(--avyron-primary)}.connection-steps h3{margin:2px 0 6px;font-size:12px;font-weight:650}.connection-steps p{color:var(--avyron-text-secondary);font-size:12px;line-height:1.6}.state-symbol{background:var(--avyron-background);width:48px;height:48px;color:var(--avyron-primary);border-radius:50%;place-items:center;margin-bottom:16px;display:grid}.state-symbol.success{background:var(--avyron-success);color:var(--avyron-on-primary)}.state-symbol.error{color:var(--avyron-error)}.spinner{border:3px solid var(--avyron-border);border-top-color:var(--avyron-primary);border-right-color:var(--avyron-primary);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.is-connected .status-badge{color:var(--avyron-success)}.is-error .status-badge{color:var(--avyron-error)}.connection-details{background:var(--avyron-background);border:1px solid var(--avyron-border);border-radius:var(--avyron-radius-control);max-width:360px;margin:24px 0 0;padding:14px 16px;font-size:13px}.connection-details div{justify-content:space-between;align-items:center;display:flex}.connection-details dt{color:var(--avyron-text-secondary)}.connection-details dd{color:var(--avyron-success);align-items:center;gap:5px;margin:0;font-size:12px;font-weight:650;display:flex}.connection-details .icon{width:16px;height:16px}.demo-state-note,.availability-note{color:var(--avyron-text-secondary);margin-top:16px;font-size:12px}.dev-panel{color:var(--avyron-text-secondary);margin-top:24px;font-size:12px}.dev-panel summary{cursor:pointer;width:fit-content;padding:12px 0}.dev-label{border:1px solid var(--avyron-border);border-radius:4px;margin-inline:6px;padding:2px 5px;font-size:10px;font-weight:650}.dev-controls{border:1px dashed var(--avyron-border);border-radius:var(--avyron-radius-control);justify-items:start;gap:10px;padding:16px;display:grid}.dev-controls select{background:var(--avyron-surface);max-width:100%;min-height:44px;color:var(--avyron-text);border:1px solid var(--avyron-text-secondary);border-radius:var(--avyron-radius-control);padding:8px 12px}@media (width<=1250px) and (width>=901px){.integration-main{grid-template-columns:1.15fr 1fr;gap:20px;padding:28px 24px}.communication-visual{flex-direction:column}.phone-scene{height:240px}.phone{height:230px}.phone-messages{gap:7px}.benefits{width:100%;max-width:none}.benefits li{min-height:48px;padding:8px 10px}.connection-steps ol{grid-template-columns:repeat(2,1fr);gap:24px}}@media (width<=900px){.integration-main{grid-template-columns:1fr;gap:28px}.communication-visual{gap:32px}.benefits{max-width:240px}.integration-copy{max-width:620px}.state-message>p{max-width:none}.connection-steps ol{grid-template-columns:repeat(2,1fr);gap:24px}}@media (width<=540px){.page-heading{margin-bottom:24px}.page-heading>p:last-child{font-size:14px}.integration-main{padding:24px 20px}.integration-heading{gap:8px;margin-bottom:20px}.integration-heading strong{font-size:14px}.status-badge{font-size:10px}.state-message>p{font-size:14px}.primary-button{gap:8px;width:100%;padding-inline:12px;font-size:14px}.communication-visual{flex-direction:column;gap:20px}.phone-scene{height:290px}.benefits{width:100%;max-width:none}.benefits li{min-height:52px}.connection-steps{padding:24px 20px}.connection-steps ol{grid-template-columns:1fr}.connection-steps h3,.connection-steps p{font-size:13px}}