.product-showcase{--demo-ink:#171d30;--demo-muted:#60697d;--demo-line:#e3e7ef;--demo-cyan:#0e677d;width:100%;min-width:0;color:var(--ink);display:block}.showcase-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.showcase-choices{border:1px solid var(--rule);background:#fff;border-radius:100px;flex-wrap:wrap;justify-content:center;gap:.3rem;padding:.3rem;display:flex}.showcase-choices button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.showcase-choices button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:0 3px 8px #00001815}.showcase-choice-dot{opacity:.6;background:currentColor;border-radius:50%;width:5px;height:5px}.showcase-choices button[aria-pressed=true] .showcase-choice-dot{background:var(--amber);opacity:1}.showcase-play{border:1px solid var(--rule-strong);cursor:pointer;min-height:44px;color:var(--muted);background:0 0;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.8125rem;display:inline-flex}.showcase-play [data-play-icon]{width:1em;font-size:.75rem}.showcase-choices button:disabled,.showcase-play:disabled{cursor:default}.product-showcase:not([data-enhanced]) .showcase-toolbar{display:none}.showcase-stage{background:radial-gradient(at 68% 38%,#bdebf04a,#0000 65%),radial-gradient(at 24% 80%,#fbb03413,#0000 60%),#f0f4f8;border:1px solid #dde4ed;border-radius:24px;position:relative;overflow:hidden;container-type:inline-size}.showcase-orbit{aspect-ratio:1;pointer-events:none;border:1px solid #0a6a8010;border-radius:50%;width:108%;position:absolute;top:22%;left:50%;transform:translate(-50%,-50%)}.showcase-orbit--two{width:140%}.showcase-platform-label{color:#526476;font:400 .625rem var(--mono);letter-spacing:.14em;align-items:center;gap:.6rem;display:flex;position:absolute;top:4.8%;left:6%}.showcase-platform-label>span{background:#168175;border-radius:50%;width:6px;height:6px}.showcase-scene[hidden]{display:none}.showcase-devices{height:60cqw;color:var(--demo-ink);font-size:1.05cqw;line-height:1.4;position:relative}.showcase-desktop-frame{transform-origin:50%;background:#fff;border:.45cqw solid #252b3a;border-radius:1.45cqw;width:85%;position:absolute;top:7cqw;left:4.5%;overflow:hidden;transform:perspective(1500px)rotateY(-3deg)rotateX(1deg);box-shadow:0 3cqw 5cqw -2cqw #102b4940,0 0 0 1px #ffffffb8,inset 0 0 0 1px #fff}.showcase-browser-bar{border-bottom:1px solid var(--demo-line);background:#eef0f5;align-items:center;gap:1cqw;height:2.6cqw;padding:0 1.1cqw;font-size:.78cqw;display:flex}.showcase-browser-dots{gap:.35cqw;display:flex}.showcase-browser-dots i{background:#b3bbca;border-radius:50%;width:.5cqw;height:.5cqw}.showcase-browser-dots i:first-child{background:#eb978e}.showcase-browser-dots i:nth-child(2){background:#e5be73}.showcase-browser-dots i:nth-child(3){background:#8cbbab}.showcase-address{color:#687286;background:#fff;border:1px solid #dce0e8;border-radius:.4cqw;margin:auto;padding:.2cqw 6cqw}.showcase-browser-expand{color:#687286}.demo-topbar{border-bottom:1px solid var(--demo-line);background:#fff;align-items:center;gap:1.4cqw;height:4.1cqw;padding:0 1.5cqw;display:flex}.demo-topbar>img{width:9.4cqw;height:auto}.demo-topbar>svg{width:1.5cqw;height:1.5cqw}.demo-workspace{border-left:1px solid var(--demo-line);gap:1.5cqw;padding-left:1.3cqw;font-size:.9cqw;font-weight:500;display:flex}.demo-search{color:var(--demo-muted);align-items:center;gap:.6cqw;margin-left:auto;font-size:.85cqw;display:flex}.demo-search svg{width:1.1cqw;height:1.1cqw}.demo-search kbd{border:1px solid var(--demo-line);font:inherit;border-radius:.25cqw;margin-left:1.8cqw;padding:.1cqw .3cqw}.demo-avatar{color:#854900;background:#fff1d8;border:1px solid #f3dbad;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.3cqw;height:2.3cqw;font-size:.8cqw;font-weight:600;display:inline-flex}.demo-avatar--cyan{color:#0e677d;background:#e4f3f5;border-color:#bddfe6}.demo-desktop{position:relative}.demo-desktop-body{grid-template-columns:15.5cqw minmax(0,1fr);min-height:36cqw;display:grid}.demo-sidebar{border-right:1px solid var(--demo-line);flex-direction:column;gap:.25cqw;padding:1.7cqw 1cqw 1cqw;display:flex}.demo-nav-label{color:var(--demo-muted);letter-spacing:.1em;padding:0 .7cqw .9cqw;font-size:.65cqw}.demo-nav-item{color:#586276;border-radius:.5cqw;align-items:center;gap:.8cqw;padding:.85cqw;font-size:1cqw;display:flex}.demo-nav-item svg{width:1.4cqw;height:1.4cqw}.demo-nav-item.is-active{color:#864d04;background:#fff2dc;font-weight:600}.demo-nav-count{color:#657086;margin-left:auto;font-size:.8cqw}.demo-sidebar-bottom{border-top:1px solid var(--demo-line);align-items:center;gap:.65cqw;margin-top:auto;padding-top:1cqw;font-size:.85cqw;font-weight:600;display:flex}.demo-sidebar-bottom small{color:var(--demo-muted);margin-top:.2cqw;font-size:.6cqw;font-weight:400;display:block}.demo-org-mark{color:#fff;background:#11182c;border-radius:.6cqw;flex:none;justify-content:center;align-items:center;width:2.4cqw;height:2.4cqw;font-weight:600;display:inline-flex}.demo-main{overscroll-behavior:contain;scrollbar-width:none;background:#f6f8fb;min-width:0;height:36cqw;padding:2cqw 2.2cqw;overflow:hidden}.demo-page-heading{justify-content:space-between;align-items:center;gap:1cqw;margin-bottom:1.7cqw;display:flex}.demo-overline{color:var(--demo-muted);letter-spacing:.12em;font-size:.64cqw}.demo-page-heading h3{font:650 2cqw/1.2 var(--sans);letter-spacing:-.04em;margin:.25cqw 0 .45cqw}.demo-page-heading p{color:var(--demo-muted);font-size:.9cqw}.demo-date{border:1px solid var(--demo-line);background:#fff;border-radius:.45cqw;align-self:flex-end;padding:.6cqw 1cqw;font-size:.85cqw}.demo-date span{margin-left:1.5cqw}.demo-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8cqw;margin-bottom:1.4cqw;display:grid}.demo-stat{border:1px solid var(--demo-line);background:#fff;border-radius:.75cqw;padding:1.25cqw}.demo-stat>span{color:#546074;justify-content:space-between;align-items:center;gap:.3cqw;font-size:.85cqw;display:flex}.demo-stat svg{color:#7b879b;width:1.1cqw;height:1.1cqw}.demo-stat strong{letter-spacing:-.04em;margin:.7cqw 0 .25cqw;font-size:2.4cqw;font-weight:600;line-height:1.2;display:block}.demo-stat small{color:var(--demo-muted);font-size:.66cqw}.demo-stat:first-child strong{color:#0e677d}.demo-dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:1.1cqw;display:grid}.demo-panel{border:1px solid var(--demo-line);background:#fff;border-radius:.8cqw;overflow:hidden}.demo-panel-heading{border-bottom:1px solid var(--demo-line);justify-content:space-between;align-items:center;gap:.6cqw;padding:1.2cqw;display:flex}.demo-panel-heading h4{font:600 1.05cqw/1.3 var(--sans);letter-spacing:-.02em}.demo-panel-heading>span{color:var(--demo-muted);align-items:center;gap:.4cqw;font-size:.7cqw;display:flex}.demo-panel-heading svg{width:1.1cqw;height:1.1cqw}.demo-table-head,.demo-ticket-row{grid-template-columns:minmax(0,1fr) 8cqw 4cqw;align-items:center;gap:.5cqw;padding:.65cqw 1.2cqw;display:grid}.demo-table-head{color:var(--demo-muted);border-bottom:1px solid var(--demo-line);background:#fbfcfe;font-size:.7cqw}.demo-ticket-row{border-bottom:1px solid #eef1f5;min-height:3.8cqw}.demo-ticket-row:last-child{border:0}.demo-ticket-row small{color:var(--demo-muted);margin-bottom:.25cqw;font-size:.65cqw;display:block}.demo-ticket-row strong{font-size:.85cqw;font-weight:500;display:block}.demo-badge{color:#315ead;white-space:nowrap;background:#eaf1fd;border-radius:100px;justify-content:center;justify-self:start;align-items:center;gap:.4cqw;width:fit-content;padding:.3cqw .7cqw;font-size:.73cqw;line-height:1.2;display:inline-flex}.demo-badge.is-working{color:#864d04;background:#fff1d8}.demo-badge.is-success{color:#16723d;background:#e9f7ee}.demo-badge svg{width:1cqw;height:1cqw}.demo-priority{align-items:center;gap:.4cqw;font-size:.73cqw;display:inline-flex}.demo-priority i{background:#848da0;border-radius:50%;width:.45cqw;height:.45cqw}.demo-priority.is-high{color:#b53e37}.demo-priority.is-high i{background:#d95f53}.demo-attention>div:not(.demo-panel-heading):not(.demo-attention-note){align-items:center;gap:.7cqw;margin:1cqw 1.2cqw;display:flex}.demo-attention-icon{border:1px solid var(--demo-line);color:#66758b;border-radius:.5cqw;padding:.6cqw}.demo-attention-icon svg{width:1.2cqw;height:1.2cqw}.demo-attention p strong{font-size:.85cqw;font-weight:500;display:block}.demo-attention p small{color:var(--demo-muted);font-size:.7cqw}.demo-attention-note{border-top:1px solid var(--demo-line);color:#647186;padding:.8cqw 1.2cqw;font-size:.7cqw}.demo-breadcrumb{color:var(--demo-muted);align-items:center;gap:.5cqw;margin-bottom:.9cqw;font-size:.8cqw;display:flex}.demo-breadcrumb svg{width:.9cqw;height:.9cqw}.demo-detail-grid{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:1.2cqw;display:grid}.demo-comment{gap:.8cqw;margin:1.3cqw;display:flex}.demo-comment strong{font-size:.9cqw;font-weight:600}.demo-comment strong small{color:var(--demo-muted);margin:.15cqw 0 .7cqw;font-size:.7cqw;font-weight:400;display:block}.demo-comment p{color:#4d596e;max-width:40ch;font-size:.95cqw;line-height:1.5}.demo-comment--new{background:#f3f9fa;border-radius:.6cqw;margin:0 .5cqw 1cqw;padding:.8cqw}.demo-activity{color:var(--demo-muted);align-items:center;gap:.6cqw;padding:0 1.3cqw 1.2cqw;font-size:.7cqw;display:flex}.demo-activity-dot{background:#d69a33;border-radius:50%;width:.5cqw;height:.5cqw}.demo-activity-dot.is-success{background:#168175}.demo-composer{border:1px solid var(--demo-line);color:var(--demo-muted);border-radius:.5cqw;justify-content:space-between;align-items:center;margin:0 1.1cqw 1.1cqw;padding:.7cqw .8cqw;font-size:.8cqw;display:flex}.demo-send{color:#11182c;background:#fbb034;border-radius:.3cqw;align-items:center;gap:.4cqw;padding:.45cqw .8cqw;font-weight:600;display:flex}.demo-send svg{width:1cqw;height:1cqw}.demo-ticket-details dl{margin:0;padding:1.2cqw}.demo-ticket-details dl>div{margin-bottom:1cqw}.demo-ticket-details dt{color:var(--demo-muted);margin-bottom:.35cqw;font-size:.7cqw}.demo-ticket-details dd{align-items:center;gap:.5cqw;margin:0;font-size:.85cqw;display:flex}.demo-ticket-details dd .demo-avatar{width:1.7cqw;height:1.7cqw;font-size:.65cqw}.demo-ticket-details .demo-asset-link{color:var(--demo-cyan)}.demo-asset-link svg{width:1.2cqw;height:1.2cqw}.demo-sla{color:#854900;background:#fffaee;border-top:1px solid #f2e7cd;align-items:center;gap:.6cqw;padding:1cqw;display:flex}.demo-sla.is-success{color:#16723d;background:#eff8f2;border-color:#d3e8db}.demo-sla svg{flex:none;width:1.5cqw;height:1.5cqw}.demo-sla strong,.demo-sla small{font-size:.75cqw;display:block}.demo-sla small{margin-top:.3cqw;font-size:.65cqw}.showcase-phone-frame{background:#252b3a;border:.55cqw solid #252b3a;border-radius:3.2cqw;width:23%;padding:.22cqw;position:absolute;top:12cqw;right:4%;transform:rotate(3deg);box-shadow:0 2.8cqw 4cqw -1.5cqw #102b4959,0 0 0 1px #b1bac7,inset 0 0 0 1px #737c8d}.demo-mobile{background:#f5f7fb;border-radius:2.45cqw;flex-direction:column;height:45cqw;font-size:1cqw;display:flex;position:relative;overflow:hidden}.demo-phone-status{color:#171d30;background:#fff;justify-content:space-between;align-items:center;min-height:3.4cqw;padding:0 1.3cqw;font-size:.8cqw;font-weight:600;display:flex}.demo-phone-status>span:last-child{align-items:center;gap:.4cqw;font-size:.6cqw;display:flex}.demo-island{background:#141824;border-radius:100px;width:6.2cqw;height:1.6cqw}.demo-battery{background:linear-gradient(90deg,#343c50 80%,#0000 80%);border:1px solid #657086;border-radius:.2cqw;width:1.5cqw;height:.7cqw}.demo-mobile-header{border-bottom:1px solid var(--demo-line);background:#fff;align-items:center;gap:.7cqw;padding:.9cqw 1.2cqw;font-size:.95cqw;font-weight:600;display:flex}.demo-mobile-header>svg{width:1.5cqw;height:1.5cqw}.demo-mobile-header>svg:last-child,.demo-mobile-header>span:last-child:not(:nth-child(2)){margin-left:auto}.demo-mobile-header small{color:var(--demo-muted);margin-top:.15cqw;font-size:.65cqw;font-weight:400;display:block}.demo-mobile-content{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:1.5cqw 1.2cqw;overflow:hidden}.demo-mobile-content h3{font:650 1.85cqw/1.2 var(--sans);letter-spacing:-.025em;margin:.5cqw 0 .65cqw}.demo-mobile-subtitle{color:var(--demo-muted);font-size:.8cqw}.demo-mobile-filter{color:var(--demo-muted);gap:.4cqw;padding:1.4cqw 0;font-size:.75cqw;display:flex}.demo-mobile-filter>span{border-radius:100px;padding:.6cqw}.demo-mobile-filter .is-active{color:#fff;background:#11182c}.demo-mobile-filter b{color:#fbb034;padding-left:.4cqw;font-weight:500}.demo-mobile-card{border:1px solid var(--demo-line);background:#fff;border-radius:.9cqw;margin-bottom:.9cqw;padding:1.2cqw}.demo-mobile-card>small{color:var(--demo-muted);font-size:.75cqw}.demo-mobile-card h4{font:600 1.05cqw/1.3 var(--sans);letter-spacing:-.01em;margin:.4cqw 0 .9cqw}.demo-mobile-card>div{justify-content:space-between;align-items:center;gap:.4cqw;display:flex}.demo-mobile-card>p{color:var(--demo-muted);align-items:center;gap:.4cqw;margin-top:1cqw;font-size:.7cqw;display:flex}.demo-mobile-card p svg{width:1cqw;height:1cqw}.demo-mobile-card p svg:last-child{margin-left:auto}.demo-mobile-badges{align-items:center;gap:.8cqw;padding:.5cqw 0 1.3cqw;display:flex;position:relative}.demo-mobile-asset{border:1px solid var(--demo-line);background:#fff;border-radius:.7cqw;align-items:center;gap:.7cqw;padding:1cqw;display:flex}.demo-mobile-asset svg{width:1.5cqw;height:1.5cqw;color:var(--demo-cyan);flex:none}.demo-mobile-asset svg:last-child{width:1cqw;margin-left:auto}.demo-mobile-asset small,.demo-mobile-asset strong{display:block}.demo-mobile-asset small{color:var(--demo-muted);letter-spacing:.07em;font-size:.55cqw}.demo-mobile-asset strong{margin-top:.3cqw;font-size:.9cqw;font-weight:500}.demo-mobile-section-title{justify-content:space-between;align-items:center;margin:1.5cqw 0 1cqw;font-size:1cqw;font-weight:600;display:flex}.demo-mobile-section-title svg{width:1.2cqw;height:1.2cqw;color:var(--demo-muted)}.demo-mobile-comment{align-items:center;gap:.7cqw;font-size:.9cqw;display:flex}.demo-mobile-comment small{color:var(--demo-muted);font-size:.7cqw;font-weight:400;display:block}.demo-mobile-message{color:#4d596e;margin:1cqw 0;font-size:.95cqw;line-height:1.6}.demo-mobile-action{color:#854900;background:#fff1d8;border:1px solid #efd39d;border-radius:.6cqw;justify-content:center;align-items:center;gap:.6cqw;padding:.8cqw;font-size:.85cqw;font-weight:500;display:flex}.demo-mobile-action svg{width:1.1cqw;height:1.1cqw}.demo-mobile-action.is-success{color:#16723d;background:#e9f7ee;border-color:#b8d9c6}.demo-mobile-nav{border-top:1px solid var(--demo-line);background:#fff;flex:none;justify-content:space-around;padding:.8cqw 0;display:flex}.demo-mobile-nav>span{color:var(--demo-muted);flex-direction:column;align-items:center;gap:.35cqw;font-size:.6cqw;display:flex}.demo-mobile-nav svg{width:1.5cqw;height:1.5cqw}.demo-mobile-nav .is-active{color:#854900}.demo-home-indicator{background:#11182c;border-radius:100px;flex:none;width:7cqw;height:.35cqw;margin:.5cqw auto .7cqw}.showcase-sync{background:#ffffffed;border:1px solid #fff;border-radius:1cqw;align-items:center;gap:.8cqw;padding:1cqw 1.6cqw 1cqw 1cqw;font-size:1.05cqw;font-weight:500;display:flex;position:absolute;bottom:6cqw;left:10%;box-shadow:0 1cqw 3cqw #18314f12}.showcase-sync-mark{color:#0e677d;background:#e4f3f5;border-radius:50%;justify-content:center;align-items:center;width:2.8cqw;height:2.8cqw;font-size:1.5cqw;display:flex}.showcase-sync small{color:var(--demo-muted);margin-top:.2cqw;font-size:.75cqw;font-weight:400;display:block}.showcase-caption{background:#ffffffb8;border-top:1px solid #dce4ed;align-items:flex-start;gap:1.5rem;min-height:9.6rem;padding:1.6rem 2rem 1.8rem;display:flex;position:relative}.showcase-caption-index{font:.6875rem/1.5 var(--mono);color:var(--cyan-ink);letter-spacing:.08em;flex:none;padding-top:.3rem}.showcase-caption :is(h2,h3){font:650 clamp(1.1rem, 1.7vw, 1.4rem)/1.25 var(--display);letter-spacing:-.025em}.showcase-caption p{color:var(--muted);max-width:70ch;margin-top:.6rem;font-size:.9375rem;line-height:1.5}.showcase-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.9rem .25rem 0;font-size:.75rem;display:flex}.showcase-footer a{text-underline-offset:4px;align-items:center;gap:.5rem;min-height:32px;display:inline-flex}.showcase-nojs{color:var(--muted);padding-top:1rem;font-size:.875rem}@media (width<=640px){.showcase-toolbar{justify-content:flex-start;gap:.7rem}.showcase-choices{border-radius:16px;justify-content:stretch;width:100%}.showcase-choices button{flex:calc(50% - .3rem);padding-inline:.5rem}.showcase-stage{border-radius:18px}.showcase-platform-label{letter-spacing:.07em;gap:.4rem;font-size:.55rem;top:1.4rem}.showcase-devices{height:118cqw}.showcase-desktop-frame{width:132%;top:21cqw;left:-38%;transform:rotate(-5deg)}.showcase-phone-frame{border-width:1.1cqw;border-radius:6.8cqw;width:51%;padding:.4cqw;top:14cqw;right:7%;transform:rotate(3deg)}.demo-mobile{border-radius:5.6cqw;height:99cqw}.demo-phone-status{min-height:7.5cqw;padding-inline:2.8cqw;font-size:1.8cqw}.demo-phone-status>span:last-child{gap:.8cqw;font-size:1.3cqw}.demo-island{width:13cqw;height:3.2cqw}.demo-battery{border-radius:.4cqw;width:3cqw;height:1.6cqw}.demo-mobile-header{gap:1.6cqw;padding:2cqw 2.6cqw;font-size:2.2cqw}.demo-mobile-header>svg{width:3.2cqw;height:3.2cqw}.demo-mobile-header small{margin-top:.3cqw;font-size:1.5cqw}.demo-mobile-header .demo-org-mark{border-radius:1.3cqw;width:5cqw;height:5cqw}.demo-mobile-content{padding:3.2cqw 2.6cqw}.demo-mobile-content .demo-overline{font-size:1.4cqw}.demo-mobile-content h3{margin:1cqw 0 1.5cqw;font-size:4.2cqw}.demo-mobile-subtitle{font-size:1.8cqw}.demo-mobile-filter{gap:.6cqw;padding-block:3cqw;font-size:1.65cqw}.demo-mobile-filter>span{padding:1.3cqw}.demo-mobile-card{border-radius:2cqw;margin-bottom:2cqw;padding:2.6cqw}.demo-mobile-card>small{font-size:1.65cqw}.demo-mobile-card h4{margin:1cqw 0 2cqw;font-size:2.35cqw}.demo-mobile-card>div{gap:.8cqw}.demo-mobile-content .demo-priority{gap:.8cqw;font-size:1.6cqw}.demo-mobile-content .demo-priority i{width:1cqw;height:1cqw}.demo-mobile-content .demo-badge{padding:.7cqw 1.5cqw;font-size:1.6cqw}.demo-mobile-card>p{gap:.8cqw;margin-top:2.2cqw;font-size:1.55cqw}.demo-mobile-card p svg{width:2.2cqw;height:2.2cqw}.demo-mobile-badges{gap:1.8cqw;padding:1cqw 0 3cqw}.demo-mobile-asset{border-radius:1.6cqw;gap:1.5cqw;padding:2.2cqw}.demo-mobile-asset svg{width:3.3cqw;height:3.3cqw}.demo-mobile-asset svg:last-child{width:2.2cqw}.demo-mobile-asset small{font-size:1.2cqw}.demo-mobile-asset strong{margin-top:.6cqw;font-size:2cqw}.demo-mobile-section-title{margin:3.3cqw 0 2.2cqw;font-size:2.2cqw}.demo-mobile-section-title svg{width:2.6cqw;height:2.6cqw}.demo-mobile-comment{gap:1.5cqw;font-size:2cqw}.demo-mobile-comment .demo-avatar{width:5cqw;height:5cqw;font-size:1.8cqw}.demo-mobile-comment small{font-size:1.55cqw}.demo-mobile-message{margin-block:2.2cqw;font-size:2.15cqw}.demo-mobile-action{border-radius:1.3cqw;gap:1.3cqw;padding:1.8cqw;font-size:1.9cqw}.demo-mobile-action svg{width:2.4cqw;height:2.4cqw}.demo-mobile-nav{padding-block:1.7cqw}.demo-mobile-nav>span{gap:.8cqw;font-size:1.35cqw}.demo-mobile-nav svg{width:3.3cqw;height:3.3cqw}.demo-home-indicator{width:15cqw;height:.75cqw;margin:1.1cqw auto 1.5cqw}.showcase-sync{border-radius:2cqw;gap:1.8cqw;padding:2cqw 2.8cqw 2cqw 2cqw;font-size:2.2cqw;bottom:6cqw;left:5%}.showcase-sync-mark{width:6cqw;height:6cqw;font-size:3cqw}.showcase-sync small{margin-top:.5cqw;font-size:1.7cqw}.showcase-caption{gap:.75rem;min-height:13rem;padding:1.25rem}.showcase-caption-index{font-size:.6rem}.showcase-caption :is(h2,h3){font-size:1.125rem}.showcase-caption p{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.product-showcase *,.product-showcase :before,.product-showcase :after{transition:none!important;animation:none!important}.showcase-desktop-frame,.showcase-phone-frame{transform:none}}@media (forced-colors:active){.showcase-stage,.showcase-choices,.showcase-play,.showcase-choices button{border-color:canvastext}.showcase-choices button[aria-pressed=true]{outline-offset:-4px;outline:2px solid highlight}.showcase-desktop-frame,.showcase-phone-frame{border-color:canvastext}}.showcase-devices{pointer-events:none;user-select:none}.showcase-progress{z-index:5;height:3px;position:absolute;top:0;left:0;right:0;overflow:hidden}.showcase-progress>span{transform-origin:0;background:#138195;height:100%;display:block;transform:scaleX(0)}.demo-history{border:1px solid var(--demo-line);background:#fff;border-radius:.8cqw;margin-top:1.3cqw;padding:1.2cqw}.demo-history h4{margin-bottom:.8cqw;font-size:.9cqw;font-weight:600}.demo-history p{align-items:center;gap:.8cqw;padding:.8cqw 0;display:flex}.demo-history p+p{border-top:1px solid var(--demo-line)}.demo-history strong{font-size:.85cqw;font-weight:500;display:block}.demo-history small{color:var(--demo-muted);margin-top:.25cqw;font-size:.7cqw;display:block}.demo-history p>svg{width:1.3cqw;height:1.3cqw;color:var(--demo-muted);margin-left:auto}.demo-cursor,.demo-click-ring,.demo-tap-ring{z-index:10;opacity:0;pointer-events:none;position:absolute;top:0;left:0}.demo-cursor{filter:drop-shadow(0 2px 2px #17213840);will-change:transform;width:2cqw}.demo-cursor svg{width:100%;height:auto;display:block}.demo-cursor span{color:#fff;background:#172138;border:1px solid #ffffff80;border-radius:100px;padding:.28cqw .65cqw;font-size:.7cqw;position:absolute;top:2.2cqw;left:1.3cqw}.demo-click-ring,.demo-tap-ring{background:#0e677d18;border:.15cqw solid #0e677d;border-radius:50%;width:3.5cqw;height:3.5cqw}.demo-tap-ring{background:#0e677d30;border-width:.2cqw;width:3cqw;height:3cqw;box-shadow:0 0 0 .3cqw #ffffff80}[data-motion-highlight]{background-color:#eaf6f8;border-radius:.5cqw;box-shadow:inset 0 0 0 1px #70b5c2}.demo-asset-link[data-motion-highlight]{margin:-.4cqw;padding:.4cqw}.demo-status-before{display:none}.demo-status-final{align-items:center;gap:.4cqw;display:inline-flex}.showcase-scene[data-motion] .demo-changing-status:not([data-motion-committed]){color:#315ead;background:#eaf1fd}.showcase-scene[data-motion] .demo-changing-status:not([data-motion-committed]) .demo-status-before{display:inline}.showcase-scene[data-motion] .demo-changing-status:not([data-motion-committed]) .demo-status-final{display:none}.showcase-scene[data-motion][data-scene-panel=resolve] .demo-changing-status:not([data-motion-committed]){color:#864d04;background:#fff1d8}.demo-status-menu{z-index:4;background:#fff;border:1px solid #d2dae5;border-radius:.8cqw;width:15cqw;padding:.65cqw;display:none;position:absolute;top:2.4cqw;left:0;box-shadow:0 1cqw 2.5cqw #17213824}.demo-status-menu[data-motion-open]{display:block}.demo-status-menu>small{letter-spacing:.08em;color:var(--demo-muted);padding:.4cqw .6cqw .6cqw;font-size:.6cqw;display:block}.demo-status-menu>span{border-radius:.4cqw;justify-content:space-between;align-items:center;padding:.6cqw;font-size:.9cqw;display:flex}.demo-status-menu svg{visibility:hidden;width:1cqw;height:1cqw}.demo-status-menu .is-selected{color:#0e677d;background:#eaf6f8}.demo-status-menu .is-selected svg{visibility:visible}.demo-mobile-compose{background:#fff;border:1px solid #cdd6e4;border-radius:.7cqw;margin-block:1cqw;padding:.9cqw}.demo-mobile-compose>small{color:var(--demo-muted);letter-spacing:.07em;font-size:.6cqw}.demo-mobile-compose>p{color:#4d596e;min-height:5.8cqw;padding-block:.65cqw;font-size:.95cqw;line-height:1.6}.demo-type-caret{vertical-align:-.15em;background:#0e677d;width:1px;height:1em;margin-left:1px;display:none}.showcase-scene[data-motion] .demo-type-caret{opacity:var(--demo-caret,0);display:inline-block}.demo-mobile-send{color:#11182c;background:#fbb034;border-radius:.45cqw;justify-content:center;align-items:center;gap:.7cqw;padding:.65cqw;font-size:.8cqw;font-weight:600;display:flex}.demo-mobile-send svg{width:1cqw;height:1cqw}@media (width<=640px){.demo-cursor{width:3.4cqw}.demo-cursor span{padding:.5cqw 1cqw;font-size:1.1cqw;top:3.8cqw;left:2.2cqw}.demo-tap-ring{border-width:.4cqw;width:7cqw;height:7cqw;box-shadow:0 0 0 .6cqw #ffffff80}.demo-status-menu{border-radius:1.8cqw;width:34cqw;padding:1.4cqw;top:5.5cqw}.demo-status-menu>small{padding:.9cqw 1.3cqw 1.3cqw;font-size:1.4cqw}.demo-status-menu>span{border-radius:1cqw;padding:1.3cqw;font-size:2.1cqw}.demo-status-menu svg{width:2.3cqw;height:2.3cqw}.demo-mobile-compose{border-radius:1.6cqw;margin-block:2.2cqw;padding:2cqw}.demo-mobile-compose>small{font-size:1.4cqw}.demo-mobile-compose>p{min-height:13cqw;padding-block:1.4cqw;font-size:2.1cqw}.demo-mobile-send{border-radius:1cqw;gap:1.5cqw;padding:1.5cqw;font-size:1.85cqw}.demo-mobile-send svg{width:2.3cqw;height:2.3cqw}}@media (prefers-reduced-motion:reduce){.demo-cursor,.demo-click-ring,.demo-tap-ring,.demo-type-caret{display:none}}.demo-mobile-compose,.demo-message-before{display:none}.showcase-scene[data-motion] .demo-mobile-compose{display:block}.showcase-scene[data-motion] .demo-message-before{display:inline}.showcase-scene[data-motion] .demo-message-final,.showcase-scene[data-motion] .demo-comment--new:not([data-motion-arrived]){display:none}.demo-transition-snapshot{pointer-events:none;overflow:hidden}