@layer components{.solution-preview{--preview-accent: var(--c-cyan);min-width:0}.solution-preview[data-preview=assistant]{--preview-accent: var(--c-violet)}.solution-preview[data-preview=infrastructure]{--preview-accent: var(--c-lime)}.solution-window{display:grid;grid-template-rows:auto 1fr auto;border:1px solid var(--edge-strong);border-radius:14px;overflow:hidden;background:rgb(var(--c-panel));box-shadow:var(--shadow-card);font-size:.8rem}.solution-preview .mac-browserbar{min-height:36px;padding:6px 12px}.solution-preview .mac-browser-address{height:23px}.solution-preview .mac-browser-navigation,.solution-preview .mac-browser-tools{display:none}.demo-result{display:flex;align-items:center;gap:.7rem;padding:.9rem 1.4rem;border-top:1px solid var(--edge);background:linear-gradient(100deg,rgb(var(--preview-accent) / .065),transparent)}.demo-result-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgb(var(--preview-accent) / .08);color:rgb(var(--preview-accent));flex:none}.demo-result b,.demo-result small{display:block}.demo-result b{font-size:.75rem;font-weight:500}.demo-result small{font-size:.65rem;color:rgb(var(--c-muted));margin-top:.25rem}.demo-result>span:last-child{margin-left:auto;color:rgb(var(--preview-accent))}.solution-disclosure{font-size:.75rem;line-height:1.6;color:rgb(var(--c-muted));margin-top:1rem}.solution-breadcrumb{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;color:rgb(var(--c-muted));font-size:.8rem;margin-bottom:1.8rem}.solution-breadcrumb:hover{color:rgb(var(--c-cyan))}.solution-name{color:rgb(var(--c-cyan));font-size:.9rem;margin-bottom:1rem}.solution-description{margin:1.5rem 0 1.75rem;font-size:1.05rem;color:rgb(var(--c-muted));line-height:1.75}.solution-detail-section{padding-block:clamp(3rem,6vw,5rem);border-top:1px solid var(--edge-soft)}.solution-connections{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;margin-top:3rem}.solution-connections h2{font-size:1.5rem;letter-spacing:-.035em;max-width:20rem}.solution-connections ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem;list-style:none;padding:0}.solution-connections li{display:flex;align-items:center;gap:.7rem;border-bottom:1px solid var(--edge-soft);padding-block:.7rem;font-size:.85rem}.solution-connections p{margin-top:1.3rem;font-size:.8rem;line-height:1.7;color:rgb(var(--c-muted))}.solution-connections li img{object-fit:contain;filter:var(--logo-filter);flex:none}.solution-connections li>svg{color:rgb(var(--c-cyan));flex:none;width:20px;height:20px}.solution-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem}.solution-cta p{max-width:40rem;margin-top:1rem;line-height:1.7;color:rgb(var(--c-muted))}.solution-cta-actions{display:flex;flex-direction:column;align-items:center;justify-self:start;width:max-content;max-width:100%;gap:.5rem}.solution-cta-actions>a{justify-content:center;text-align:center;max-width:100%}.solution-text-link{display:inline-flex;align-items:center;min-height:44px;color:rgb(var(--c-muted));font-size:.875rem;text-decoration:underline;text-underline-offset:.3em}.solution-related{margin-top:3.5rem;border-top:1px solid var(--edge);padding-top:1.5rem}.solution-related>p{font-size:.8rem;color:rgb(var(--c-muted))}.solution-related>div{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin-top:.7rem}.solution-related a{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;font-size:.875rem}.solution-related a:hover{color:rgb(var(--c-cyan))}.solution-messaging-example{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:3rem;margin-top:4rem}.solution-messaging-example .inbox-scene{width:100%;min-width:0}.solution-messaging-example>div:first-child{max-width:46rem}.solution-messaging-example .inbox-light{inset-inline:0;width:100%}.hero-trust{display:block;margin-top:1.3rem;color:rgb(var(--c-muted));font-size:.8rem}@media(max-width:1000px){.solution-messaging-example,.solution-cta{grid-template-columns:1fr}}@media(max-width:700px){.solution-messaging-example .inbox-desktop{display:none}.solution-messaging-example .device-phone-chat{display:block;position:relative;width:min(280px,100%);top:auto;right:auto;margin-inline:auto}.solution-connections{grid-template-columns:minmax(0,1fr)}.solution-connections{gap:1rem}}@media(max-width:420px){.demo-result{padding:.85rem 1rem}.demo-result small{font-size:.6rem}}}