.mw-safari-mockup__viewport--html{display:flex;flex-direction:column;aspect-ratio:1600 / 765;min-height:0;width:100%}.mw-safari-mockup__viewport--html>.mw-cloud-screen{height:100%;min-height:0}.mw-safari-mockup__viewport--html>.mw-cloud-screen--claudia-desktop{flex:1 1 auto;height:100%;min-height:100%}.mw-safari-mockup__pan-shell{width:100%;min-width:0}.mw-safari-mockup__pan-outer{position:relative;--mw-safari-pan-window-w: 720px;width:100%;min-width:0}.mw-safari-mockup__pan-track{display:block;width:max-content;min-width:100%}.mw-safari-mockup__pan-outer:after{content:"";position:absolute;top:0;right:0;z-index:2;width:2rem;height:100%;background:linear-gradient(to right,transparent 0%,color-mix(in srgb,var(--mw-surface, #fff) 14%,transparent) 62%,color-mix(in srgb,var(--mw-surface, #fff) 32%,transparent) 100%);pointer-events:none;transition:opacity .35s ease}.mw-safari-mockup__pan-outer.is-scrolled:after,.mw-safari-mockup__pan-outer.is-at-end:after{opacity:0}.mw-safari-mockup--pan-window{width:var(--mw-safari-pan-window-w);min-width:var(--mw-safari-pan-window-w);max-width:none}.mw-safari-mockup__pan-hint{display:none;align-items:center;justify-content:center;gap:.3rem;margin:1.35rem 0 0;padding:0;font-size:.625rem;font-weight:400;letter-spacing:.03em;text-transform:none;color:var(--mw-on-surface-variant, #9ca3af);opacity:.72;transition:opacity .35s ease}.mw-safari-mockup__pan-hint svg{width:.875rem;height:.875rem;opacity:.65}.mw-safari-mockup__pan-shell:has(.mw-safari-mockup__pan-outer.is-scrolled) .mw-safari-mockup__pan-hint,.mw-safari-mockup__pan-shell:has(.mw-safari-mockup__pan-outer.is-at-end) .mw-safari-mockup__pan-hint{opacity:0}@media(max-width:767px){.mw-safari-mockup__pan-outer{overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.mw-safari-mockup__pan-hint{display:flex}}@media(min-width:768px){.mw-safari-mockup__pan-outer{overflow:visible}.mw-safari-mockup__pan-outer:after{display:none}.mw-safari-mockup__pan-track{width:100%}.mw-safari-mockup--pan-window{width:100%;min-width:0;max-width:100%}.mw-safari-mockup__pan-hint{display:none!important}}.mw-iphone-mockup__screen-inner{isolation:isolate}.mw-iphone-mockup__viewport--html{display:flex;flex-direction:column;overflow:hidden;height:100%;background:var(--mw-cs-header, #3478d7)}.mw-iphone-mockup__viewport--html>.mw-cloud-screen{width:100%;height:100%;min-height:100%}.mw-iphone-mockup__viewport--html>.mw-cloud-screen--claudia-mobile{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:100%;background:transparent;font-size:clamp(11px,4.2cqw,13px)}.mw-iphone-mockup__viewport--html>.mw-cloud-screen--claudia-mobile .mw-cloud-claudia-mobile-header{position:relative;z-index:2;flex-shrink:0;padding-top:11.5cqw}.mw-iphone-mockup__viewport--html>.mw-cloud-screen--claudia-mobile .mw-cloud-claudia-screen__body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.mw-iphone-mockup__viewport--html>.mw-cloud-screen--claudia-mobile .mw-cloud-claudia-screen__stage{flex:1 1 auto;min-height:0}.mw-iphone-mockup__viewport--html>.mw-cloud-screen--claudia-mobile .mw-cloud-claudia-mobile-dock{flex-shrink:0;margin-top:auto}.mw-cloud-screen{--mw-cs-header: #3478d7;--mw-cs-header-text: #fff;--mw-cs-bg: #eef1f5;--mw-cs-surface: #fff;--mw-cs-border: #d8dee6;--mw-cs-muted: #6b7280;--mw-cs-badge: #e53935;display:flex;flex-direction:column;width:100%;height:100%;container-type:inline-size;font-family:var(--mw-font-sans, "DM Sans", system-ui, sans-serif);font-size:clamp(7px,.62cqw,12px);line-height:1.3;color:#374151;background:var(--mw-cs-bg);overflow:hidden}.mw-cloud-screen__header{display:flex;align-items:center;gap:1.2cqw;flex-shrink:0;min-height:4.8cqw;padding:.6cqw 1.2cqw;background:var(--mw-cs-header);color:var(--mw-cs-header-text)}.mw-cloud-screen__brand{flex-shrink:0;font-size:1.05em;font-weight:700;letter-spacing:.01em;white-space:nowrap}.mw-cloud-screen__search{display:flex;align-items:center;gap:.8cqw;flex:1;min-width:0;max-width:42cqw;margin-inline:auto;padding:.55cqw 1cqw;border-radius:999px;background:#fff;color:#9ca3af}.mw-cloud-screen__search-icon,.mw-cloud-screen__search-star{flex-shrink:0;width:1.5cqw;height:1.5cqw}.mw-cloud-screen__search-placeholder{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mw-cloud-screen__header-actions{display:flex;align-items:center;gap:1cqw;flex-shrink:0;margin-left:auto}.mw-cloud-screen__header-icon{width:1.6cqw;height:1.6cqw}.mw-cloud-screen__badge-wrap{position:relative;display:inline-flex}.mw-cloud-screen__badge{position:absolute;top:-.5cqw;right:-.7cqw;min-width:1.5cqw;padding:.1cqw .35cqw;border-radius:999px;background:var(--mw-cs-badge);color:#fff;font-size:.65em;font-weight:700;line-height:1.2;text-align:center}.mw-cloud-screen__user{display:flex;align-items:center;gap:.6cqw}.mw-cloud-screen__avatar,.mw-cloud-screen__toolbar-avatar{flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#fcd9bd,#e8a87c)}.mw-cloud-screen__avatar{width:2.2cqw;height:2.2cqw}.mw-cloud-screen__user-name{max-width:14cqw;overflow:hidden;font-size:.75em;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mw-cloud-screen__user-chevron{width:1.2cqw;height:1.2cqw}.mw-cloud-screen__chrome{display:flex;align-items:center;justify-content:space-between;gap:1cqw;flex-shrink:0;padding:.45cqw 1.2cqw;border-bottom:1px solid var(--mw-cs-border);background:var(--mw-cs-surface)}.mw-cloud-screen__breadcrumb{display:flex;align-items:center;gap:.5cqw;min-width:0;font-size:.85em;color:var(--mw-cs-muted)}.mw-cloud-screen__breadcrumb-home{width:1.3cqw;height:1.3cqw;flex-shrink:0}.mw-cloud-screen__toolbar{display:flex;align-items:center;gap:.35cqw;flex-shrink:0}.mw-cloud-screen__tool-btn{display:inline-flex;align-items:center;justify-content:center;width:2cqw;height:2cqw;border:1px solid var(--mw-cs-border);border-radius:.25cqw;background:#f9fafb;color:#6b7280}.mw-cloud-screen__tool-btn svg{width:1.1cqw;height:1.1cqw}.mw-cloud-screen__toolbar-avatar{width:1.8cqw;height:1.8cqw;margin-left:.4cqw}.mw-cloud-screen__toolbar-star{width:1.3cqw;height:1.3cqw;margin-left:.2cqw;color:#f59e0b}.mw-cloud-screen__content{flex:1;min-height:0;overflow:hidden;padding:.8cqw 1cqw 1cqw}.mw-cloud-claudia-mobile-header{display:flex;align-items:center;gap:.55em;flex-shrink:0;min-height:3.35em;padding:.55em .85em .55em .7em;background:var(--mw-cs-header, #3478d7);color:#fff}.mw-cloud-claudia-mobile-header__menu{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:none;background:transparent;color:inherit;cursor:default;pointer-events:none}.mw-cloud-claudia-mobile-header__menu svg{width:1.45em;height:1.45em;stroke-width:2.25}.mw-cloud-claudia-mobile-header__brand{flex:1;min-width:0;margin:0;overflow:hidden;font-size:.95em;font-weight:700;letter-spacing:.01em;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.mw-cloud-claudia-mobile-header__profile{display:flex;align-items:center;gap:.2em;flex-shrink:0}.mw-cloud-claudia-mobile-header__profile-icon{display:inline-flex;align-items:center;justify-content:center;width:1.85em;height:1.85em;border:1px solid rgb(255 255 255 / 45%);border-radius:50%;background:#ffffff1a}.mw-cloud-claudia-mobile-header__profile-icon svg{width:1.05em;height:1.05em}.mw-cloud-claudia-mobile-header__chevron{width:.85em;height:.85em;opacity:.95}.mw-cloud-screen--claudia-desktop{display:flex;flex-direction:column;height:100%;min-height:100%}.mw-cloud-screen--claudia-desktop .mw-cloud-claudia-screen__body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;background:var(--mw-cs-bg, #eef1f5)}.mw-cloud-screen--claudia-desktop .mw-cloud-claudia-screen__stage{flex:1 1 auto;min-height:0;background:var(--mw-cs-bg, #eef1f5)}.mw-cloud-screen--claudia-mobile{position:relative;display:flex;flex-direction:column;height:100%;min-height:100%;background:var(--mw-cs-bg, #eef1f5)}.mw-cloud-screen--claudia-mobile .mw-cloud-claudia-screen__body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;background:var(--mw-cs-bg, #eef1f5)}.mw-cloud-screen--claudia-mobile .mw-cloud-claudia-screen__stage{flex:1 1 auto;min-height:0;background:var(--mw-cs-bg, #eef1f5)}.mw-cloud-claudia-chat{flex-shrink:0;padding:.8cqw 1.4cqw 1.2cqw;background:var(--mw-cs-bg)}.mw-cloud-claudia-chat--desktop{margin-top:auto}.mw-cloud-claudia-chat__dock-tools{display:flex;justify-content:flex-end;gap:.55cqw;margin-bottom:.45cqw}.mw-cloud-claudia-chat__dock-tool{display:inline-flex;align-items:center;justify-content:center;width:1.8cqw;height:1.8cqw;color:#9ca3af}.mw-cloud-claudia-chat__dock-tool svg{width:1.35cqw;height:1.35cqw}.mw-cloud-claudia-chat__greeting{display:flex;align-items:flex-start;gap:.75cqw;margin-bottom:.85cqw}.mw-cloud-claudia-chat__avatar,.mw-cloud-claudia-chat__composer-avatar{flex-shrink:0;border-radius:50%;object-fit:cover;background:#e5e7eb}.mw-cloud-claudia-chat__avatar{width:2.8cqw;height:2.8cqw}.mw-cloud-claudia-chat__avatar--fallback{display:block;background:linear-gradient(145deg,#fcd9bd,#e8a87c)}.mw-cloud-claudia-chat__greeting-text{margin:0;max-width:52cqw;font-size:.92em;line-height:1.45;color:#374151}.mw-cloud-claudia-chat--desktop .mw-cloud-claudia-chat__greeting-text{font-size:1.18em;line-height:1.4}.mw-cloud-claudia-chat--desktop .mw-cloud-claudia-chat__avatar{width:3.4cqw;height:3.4cqw;object-fit:cover;object-position:center top}.mw-cloud-claudia-chat__greeting-text strong{color:var(--mw-cs-header, #3478d7);font-weight:700}.mw-cloud-claudia-chat__composer{display:flex;align-items:center;gap:.65cqw}.mw-cloud-claudia-chat__input-wrap{display:flex;align-items:center;gap:.65cqw;flex:1;min-width:0;padding:.65cqw .9cqw;border:1px solid #d8dee6;border-radius:999px;background:#fff;box-shadow:0 1px 2px #0f172a0a}.mw-cloud-claudia-chat__input-placeholder{flex:1;min-width:0;overflow:hidden;font-size:.88em;color:#9ca3af;text-overflow:ellipsis;white-space:nowrap}.mw-cloud-claudia-chat__input-icon{flex-shrink:0;width:1.5cqw;height:1.5cqw;color:#9ca3af}.mw-cloud-claudia-chat__input-actions{display:flex;align-items:center;gap:.45cqw;flex-shrink:0}.mw-cloud-claudia-chat__input-icon--send{color:#6b7280}.mw-cloud-claudia-mobile-dock{flex-shrink:0;margin-top:auto;padding:0 .75em .95em;background:var(--mw-cs-bg, #eef1f5)}.mw-cloud-claudia-mobile-dock__row{display:flex;align-items:flex-end;gap:.55em}.mw-cloud-claudia-mobile-dock__avatar{flex-shrink:0;width:2.85em;height:2.85em;margin-bottom:.15em;border-radius:50%;object-fit:cover;object-position:center top;background:#e5e7eb}.mw-cloud-claudia-mobile-dock__avatar--fallback{display:block;background:linear-gradient(145deg,#fcd9bd,#e8a87c)}.mw-cloud-claudia-mobile-dock__field{display:flex;align-items:center;gap:.45em;flex:1;min-width:0;min-height:2.65em;padding:.55em .7em;border:1px solid #cfd6df;border-radius:.65em;background:#fff;box-shadow:0 1px 2px #0f172a0d}.mw-cloud-claudia-mobile-dock__placeholder{flex:1;min-width:0;overflow:hidden;font-size:.92em;line-height:1.25;color:#9ca3af;text-overflow:ellipsis;white-space:nowrap}.mw-cloud-claudia-mobile-dock__icon{flex-shrink:0;width:1.15em;height:1.15em;color:#9ca3af}.mw-cloud-claudia-mobile-dock__actions{display:flex;align-items:center;gap:.45em;flex-shrink:0}.mw-cloud-claudia-mobile-dock__icon--send{color:#5b6470}.mw-cloud-claudia-thread{display:flex;flex-direction:column;height:100%;min-height:0;padding:1.2cqw 1.4cqw .6cqw;overflow:hidden}.mw-cloud-claudia-thread--mobile{padding:.85em .75em .5em}.mw-cloud-claudia-thread__messages{display:flex;flex:1 1 auto;flex-direction:column;gap:.95cqw;min-height:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.mw-cloud-claudia-thread--mobile .mw-cloud-claudia-thread__messages{gap:.55em}.mw-cloud-claudia-thread__bubble{display:flex;align-items:flex-start;gap:.75cqw;max-width:86%;opacity:0;transform:translateY(.45em);transition:opacity .4s ease,transform .4s ease}.mw-cloud-claudia-thread--mobile .mw-cloud-claudia-thread__bubble{gap:.45em;max-width:92%}.mw-cloud-claudia-thread__bubble.is-visible{opacity:1;transform:translateY(0)}.mw-cloud-claudia-thread__bubble--user{align-self:flex-end;flex-direction:row-reverse}.mw-cloud-claudia-thread__bubble--claudia{align-self:flex-start}.mw-cloud-claudia-thread__bubble-body{margin:0;padding:.75cqw 1cqw;border-radius:.95cqw;font-size:1.1em;line-height:1.4;letter-spacing:.005em;color:#374151}.mw-cloud-claudia-thread--mobile .mw-cloud-claudia-thread__bubble-body{padding:.55em .7em;border-radius:.65em;font-size:.92em;line-height:1.45;letter-spacing:normal}.mw-cloud-claudia-thread__bubble--user .mw-cloud-claudia-thread__bubble-body{background:#fff;border:1px solid #d8dee6;box-shadow:0 1px 2px #0f172a0a}.mw-cloud-claudia-thread__bubble--claudia .mw-cloud-claudia-thread__bubble-body{background:color-mix(in srgb,var(--mw-cs-header, #3478d7) 8%,#fff);border:1px solid color-mix(in srgb,var(--mw-cs-header, #3478d7) 18%,#d8dee6)}.mw-cloud-claudia-thread__bubble-body strong{color:var(--mw-cs-header, #3478d7);font-weight:700}.mw-cloud-claudia-thread__avatar{flex-shrink:0;width:3.65cqw;height:3.65cqw;border-radius:50%;object-fit:cover;object-position:center 14%;background:#e5e7eb}.mw-cloud-claudia-thread--mobile .mw-cloud-claudia-thread__avatar{width:1.95em;height:1.95em;object-position:center 14%}.mw-cloud-claudia-thread__avatar--fallback{display:block;background:linear-gradient(145deg,#fcd9bd,#e8a87c)}.mw-cloud-claudia-thread__typing{flex-shrink:0;padding-top:.35cqw}.mw-cloud-claudia-thread--mobile .mw-cloud-claudia-thread__typing{padding-top:.25em}.mw-cloud-claudia-thread__bubble--typing{opacity:1;transform:none;align-items:center}.mw-cloud-claudia-thread__typing-dots{display:inline-flex;align-items:center;gap:.3cqw;min-height:2.2cqw;padding:.55cqw .9cqw;border-radius:999px;background:color-mix(in srgb,var(--mw-cs-header, #3478d7) 8%,#fff);border:1px solid color-mix(in srgb,var(--mw-cs-header, #3478d7) 18%,#d8dee6)}.mw-cloud-claudia-thread--mobile .mw-cloud-claudia-thread__typing-dots{gap:.2em;min-height:1.65em;padding:.4em .65em}.mw-cloud-claudia-thread__typing-dots span{display:block;width:.42cqw;height:.42cqw;border-radius:50%;background:#6b7280;animation:mw-cloud-claudia-typing-dot 1.2s ease-in-out infinite}.mw-cloud-claudia-thread--mobile .mw-cloud-claudia-thread__typing-dots span{width:.3em;height:.3em}.mw-cloud-claudia-thread__typing-dots span:nth-child(2){animation-delay:.15s}.mw-cloud-claudia-thread__typing-dots span:nth-child(3){animation-delay:.3s}@keyframes mw-cloud-claudia-typing-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-.15em)}}.mw-cloud-claudia-screen__stage:has(.mw-cloud-claudia-thread){display:flex;flex-direction:column;min-height:0}.mw-cloud-claudia-chat--demo{padding-top:.45cqw}.mw-cloud-claudia-chat__input-placeholder.is-user-preview{color:#374151;font-style:normal}@media(prefers-reduced-motion:reduce){.mw-cloud-claudia-thread__bubble{opacity:1;transform:none;transition:none}.mw-cloud-claudia-thread__typing-dots span{animation:none;opacity:.7}}.mw-page-cloud .mw-cloud-claudia-demo{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:clamp(.5rem,2vw,1rem)}.mw-page-cloud .mw-cloud-claudia-demo__mock{max-width:56rem;margin-inline:auto;width:100%}@media(min-width:768px){.mw-page-cloud .mw-cloud-claudia-demo__mock--desktop .mw-safari-mockup__viewport--html{aspect-ratio:1600 / 940;min-height:min(52vh,580px)}}.mw-page-cloud .mw-cloud-claudia-demo__mock--desktop .mw-cloud-screen{font-size:clamp(12px,.9cqw,15px);line-height:1.35}.mw-page-cloud .mw-cloud-claudia-demo__mock--desktop .mw-cloud-claudia-thread{padding:1.35cqw 1.5cqw .75cqw}.mw-page-cloud .mw-cloud-claudia-demo__mock--desktop .mw-cloud-claudia-chat__input-placeholder{font-size:1.02em}.mw-page-cloud .mw-cloud-claudia-demo__mock--mobile{max-width:18rem}.mw-page-cloud .mw-cloud-claudia-demo__punch{width:100%;max-width:56rem;margin-top:clamp(1.5rem,4vw,2.5rem);margin-inline:auto;padding-inline:clamp(.5rem,2vw,1.5rem);font-weight:500;line-height:1.35;text-align:center;text-wrap:balance}
