.demo-page{max-width:1050px;color:var(--postal-navy,#142f43);margin:0 auto;padding:3rem 1rem 4rem}.demo-eyebrow{color:#b8430a;margin-bottom:.8rem;font-size:.75rem;font-weight:750;display:block}.demo-intro{max-width:690px;padding:2rem 0}.demo-intro h1{margin:0 0 1.5rem;font-size:clamp(2.6rem,6vw,4.7rem);line-height:1.02}.demo-intro>p:not(.demo-fine){max-width:500px;font-size:1.2rem;line-height:1.6}.demo-page .button,.demo-page .button-secondary,.demo-phone .button,.demo-phone .button-secondary{justify-content:center;align-items:center;gap:.65rem;display:inline-flex}.demo-route{align-items:center;gap:1.3rem;padding:1.6rem 0 2rem;display:flex}.demo-route span{align-items:center;gap:.55rem;font-weight:650;display:inline-flex}.demo-page .demo-fine,.demo-phone .demo-fine{color:#52616a;margin:1rem 0 0;font-size:.84rem;line-height:1.5}.demo-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.demo-heading h1{margin:0 0 .75rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}.demo-heading p{color:#52616a;margin:0}.demo-clock{font-variant-numeric:tabular-nums;background:#fffefa;border:1px solid #c4ccc7;flex-shrink:0;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.88rem;display:inline-flex}.demo-workspace{background:#fffefa;border:1px solid #a5b3b6;grid-template-columns:.9fr 1.1fr;display:grid}.demo-workspace h2{align-items:center;gap:.6rem;margin:0 0 1.4rem;font-size:1.15rem;display:flex}.demo-step{color:#fff;background:#142f43;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.85rem;display:inline-flex}.demo-join,.demo-compose{padding:1.6rem}.demo-join{border-right:1px solid #a5b3b6}.demo-qr{background:#fff;place-items:center;width:min(100%,250px);min-height:220px;margin:0 auto;display:grid}.demo-qr img{width:100%;height:auto;display:block}.demo-qr-actions{justify-content:center;gap:.65rem;margin:.65rem 0 1.5rem;font-size:.8rem;display:grid}.demo-qr-actions a{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.demo-connections>div{border-top:1px solid #d4dcd6;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 0;font-size:.86rem;display:flex}.demo-connections span,.demo-connections strong{align-items:center;gap:.4rem;display:inline-flex}.demo-connections strong{font-size:.79rem}.demo-connected{color:#246747}.demo-compose label,.demo-channel label{margin-bottom:.55rem;font-size:.9rem;font-weight:650;display:block}.demo-compose textarea,.demo-channel input{box-sizing:border-box;width:100%;font:inherit;color:#142f43;background:#fff;border:1px solid #879ba2;border-radius:2px;padding:.9rem;display:block}.demo-compose textarea{resize:vertical;min-height:175px;line-height:1.5}.demo-composer-meta{color:#52616a;justify-content:space-between;gap:.5rem;margin:.6rem 0 1.4rem;font-size:.8rem;display:flex}.demo-compose form .button{width:100%}.demo-arrival{background:#dcebe7;gap:.7rem;margin-top:1.6rem;padding:1.2rem;display:flex}.demo-arrival h3{margin:0 0 .5rem;font-size:1.15rem}.demo-arrival p{margin:.2rem 0;font-size:.92rem;line-height:1.5}.demo-invitation{color:#fffefa;background:#142f43;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1.8rem;padding:1.7rem;display:flex}.demo-invitation h2{color:inherit;margin:0 0 .6rem;font-size:1.5rem}.demo-invitation p{color:#dcebe7;margin:0;font-size:1rem;line-height:1.6}.demo-invitation strong{color:#fffefa}.demo-invitation .button{flex-shrink:0}.demo-notice{color:#703113;background:#fff0e5;border-left:3px solid #b8430a;margin:1rem 0;padding:.9rem 1rem;font-size:.94rem;line-height:1.5}.demo-phone{color:#142f43;max-width:470px;margin:1rem auto;padding:1.6rem 1rem 3rem}.demo-phone h1{margin:0 0 1rem;font-size:clamp(2rem,6vw,2.7rem);line-height:1.05}.demo-phone>p{color:#52616a;line-height:1.6}.demo-phone .demo-clock{margin-bottom:1.3rem}.demo-channel{border-top:1px solid #a5b3b6;padding:1.3rem 0}.demo-channel h2{align-items:center;gap:.6rem;margin:0 0 1.1rem;font-size:1.2rem;display:flex}.demo-channel p{font-size:.95rem;line-height:1.6}.demo-channel .button{width:100%;margin-top:.85rem}.demo-channel .button-secondary{width:100%}.demo-instruction{background:#dcebe7;padding:.9rem}.demo-consent .button,.demo-consent .button-secondary{margin-top:1rem}@media (width<=760px){.demo-page{padding:1.5rem 0 3rem}.demo-heading{flex-direction:column}.demo-workspace{grid-template-columns:1fr}.demo-join{border-bottom:1px solid #a5b3b6;border-right:0}.demo-join,.demo-compose{padding:1.2rem}.demo-invitation{flex-direction:column;align-items:flex-start;padding:1.4rem}.demo-invitation .button{width:100%}.demo-route{gap:.65rem;font-size:.88rem}.demo-route span{gap:.35rem}}.demo-subscribe-link{color:#142f43;background:#dcebe7;border:1px solid #799c99;align-items:center;gap:.85rem;margin-bottom:1.3rem;padding:1.15rem;text-decoration:none;display:flex}.demo-subscribe-link:hover{background:#c9dfda;border-color:#142f43}.demo-subscribe-link>span:nth-child(2){flex:1}.demo-subscribe-link strong,.demo-subscribe-link small{display:block}.demo-subscribe-link strong{font-size:1rem}.demo-subscribe-link small{color:#52616a;margin-top:.35rem;font-size:.79rem;line-height:1.4}.demo-link-icon{place-items:center;display:grid}.demo-qr-option{margin:1rem 0 1.3rem}.demo-qr-option summary{cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;font-weight:650;list-style:none;display:flex}.demo-qr-option summary svg{vertical-align:middle;margin:0 .25rem .1rem}.demo-qr-option>p{color:#52616a;margin:.9rem 0 .5rem;font-size:.84rem}.demo-back{align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.85rem;display:inline-flex}.demo-return{width:100%;margin:.25rem 0 1.4rem}.demo-phone .demo-return{display:flex}.demo-qr-option summary::-webkit-details-marker{display:none}.demo-qr-option summary::marker{content:""}.demo-qr-option summary svg{flex-shrink:0;margin:0}.demo-qr-option summary svg:last-child{margin-left:auto}.demo-qr-option[open] summary svg:last-child{transform:rotate(180deg)}.demo-subscribe-link strong{color:inherit}.message-type-choices{border:0;min-width:0;margin:0;padding:0}.message-type-choices legend{margin-bottom:.35rem;font-weight:700}.message-type-help{color:var(--ink-muted,#50616c);margin:0 0 .75rem;font-size:.875rem}.message-type-options{flex-wrap:wrap;gap:.6rem;display:flex}.message-type-option{cursor:pointer;border:1px solid #a6b3b8;align-items:center;gap:.65rem;max-width:100%;padding:.8rem 1rem;line-height:1.3;flex-direction:row!important;display:flex!important}.message-type-option:has(input:checked){background:#edf5f1;border-color:#285c52}.message-type-option:has(input:focus-visible){outline-offset:3px;outline:2px solid #c7470a}.message-type-option input{accent-color:#285c52;flex:none;height:1.1rem;margin:0;width:1.1rem!important}.message-type-option span{overflow-wrap:anywhere}.message-type-list{margin:0;padding:0;list-style:none}.message-type-list li{border-bottom:1px solid #d6dcd9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;display:flex}.message-type-list li>span{overflow-wrap:anywhere;min-width:0}.message-type-list small{color:#50616c;margin-top:.2rem;font-size:.75rem;display:block}.message-type-actions{gap:.5rem;display:flex}.message-type-add,.message-type-edit{flex-wrap:wrap;align-items:end;gap:.65rem;display:flex}.message-type-add label,.message-type-edit label{flex-direction:column;flex:12rem;gap:.4rem;min-width:0;display:flex}.message-type-edit{width:100%}.message-type-tags{flex-wrap:wrap;gap:.4rem;margin:.4rem 0;display:flex}.message-type-tags span{color:#344f54;overflow-wrap:anywhere;background:#edf1ee;padding:.15rem .45rem;font-size:.8rem}.message-type-preferences{text-align:left;border-bottom:1px solid #c8d0ce;gap:1rem;margin:1.25rem 0;padding-bottom:1.5rem;display:grid}@media (width<=600px){.message-type-option{width:100%}.message-type-actions .button-secondary{padding:.5rem .7rem}}.message-open-metric{white-space:nowrap;flex-direction:column;gap:.2rem;text-decoration:none;display:inline-flex}.message-open-metric strong{text-underline-offset:.2em;text-decoration:underline}.message-open-metric small{color:var(--muted,#52616a);font-size:.75rem}.message-activity{max-width:1100px}.message-activity-heading,.message-activity-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.message-activity-heading h2,.message-activity-heading h3{overflow-wrap:anywhere;margin:.3rem 0}.message-activity-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.message-activity-note{color:var(--muted,#52616a);max-width:80ch;font-size:.85rem;line-height:1.6}.message-activity-filter{align-items:center;gap:.65rem;font-size:.85rem;display:flex}.message-activity-filter select{width:auto;max-width:100%}.message-activity-content{border-block:1px solid #e0e5e2;padding:1rem 0}.message-activity-content summary{cursor:pointer}.message-activity-content p{white-space:pre-wrap;overflow-wrap:anywhere}.message-activity-table{min-width:660px}.message-activity-table td:first-child{overflow-wrap:anywhere;max-width:300px}.message-opened{color:#185b3d;white-space:nowrap;background:#e7f3eb;border-radius:1rem;padding:.25rem .6rem}.message-activity-pagination .inline-actions{margin:0}@media (width<=520px){.message-activity-metrics{gap:.6rem}.message-activity-metrics .panel{padding:.9rem}.message-activity-metrics .kpi{font-size:2rem}}@media (width<=640px){.subscribers-table:is(.message-activity-table,.message-history-table){min-width:0;display:block}:is(.message-activity-table,.message-history-table) thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:is(.message-activity-table,.message-history-table) tbody{display:block}:is(.message-activity-table,.message-history-table) tbody tr{border-bottom:1px solid var(--line);padding:.8rem;display:block}:is(.message-activity-table,.message-history-table) tbody tr:last-child{border-bottom:0}.subscribers-table:is(.message-activity-table,.message-history-table) td{overflow-wrap:anywhere;border:0;grid-template-columns:6.2rem minmax(0,1fr);gap:.5rem;max-width:none;padding:.35rem 0;display:grid}:is(.message-activity-table,.message-history-table) td:before{content:attr(data-label);color:var(--muted,#52616a);font-size:.75rem;font-weight:600}.message-activity-pagination{align-items:flex-start}.message-activity-pagination .inline-actions{flex-direction:row;gap:.4rem}.message-activity-pagination button{padding-inline:.65rem}}