.websites{padding-block:70px;border-top:1px solid var(--line)}.websites .section-heading{align-items:start}.websites .section-heading p{line-height:1.65;max-width:580px}.web-quote-note{max-width:140px;line-height:1.6}.demo-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:5px 3px 15px;margin-top:28px}.demo-tabs button{flex-shrink:0;padding:12px 17px;min-height:44px;border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--muted);font-size:14px}.demo-tabs button[aria-selected=true]{color:white;background:var(--purple);border-color:var(--purple)}.demo-tabs button:hover:not([aria-selected=true]){border-color:var(--purple);color:var(--purple)}.demo-panel{margin-top:10px}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;background:#e9e7e1;border-radius:12px 12px 0 0;border:1px solid #d6d3ca}.demo-address{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.demo-address:before{content:"";width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#8e7abf;box-shadow:12px 0 0 #b3a6ce,24px 0 0 #cec5de;margin-right:24px}.demo-device{display:flex;gap:3px;background:#f5f4f0;border-radius:7px;padding:3px;flex-shrink:0}.demo-device button{padding:8px 12px;border:0;background:transparent;font-size:12px;border-radius:5px;color:var(--muted)}.demo-device button[aria-pressed=true]{background:white;color:var(--purple);box-shadow:0 1px 3px #0001}.demo-viewport{position:relative;min-height:220px;background:#e9e7e1;overflow:hidden;border-inline:1px solid #d6d3ca;border-bottom:1px solid #d6d3ca;border-radius:0 0 12px 12px}.demo-frame{position:absolute;top:12px;left:50%;border:0;transform-origin:50% 0;background:white;box-shadow:0 4px 18px #25252218;display:block}.demo-viewport[data-device=mobile] .demo-frame{border:1px solid #d1cec4;border-radius:12px}.demo-loading{position:absolute;inset:0;display:grid;place-items:center;background:#e9e7e1;color:var(--muted);font-size:14px;z-index:1;pointer-events:none}.demo-details{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:25px}.demo-details h3{margin-bottom:8px}.demo-details p{margin:0;max-width:530px;font-size:14px;line-height:1.65;color:var(--muted)}.demo-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.demo-open{font-size:13px;text-underline-offset:4px}.demo-actions .button{font-size:14px;padding-inline:20px}.demo-disclaimer{margin-top:20px;font-size:12px;line-height:1.65;color:var(--muted)}.hero .hero-web-link{font-size:14px;line-height:1.5;margin-top:18px;color:var(--purple);text-underline-offset:4px;display:inline-block}
@media(max-width:950px){.demo-details{align-items:start;flex-direction:column}.demo-actions{flex-wrap:wrap}.demo-toolbar{padding:12px}.demo-address:before{display:none}}
@media(max-width:620px){.websites{padding-block:45px}.web-quote-note{max-width:none}.demo-tabs{margin-top:22px}.demo-tabs button{font-size:13px;padding-inline:14px}.demo-toolbar{gap:8px}.demo-address{font-size:10px}.demo-device button{font-size:11px;padding:8px}.demo-details{margin-top:22px;gap:20px}.demo-actions{width:100%;justify-content:space-between;gap:15px}.demo-actions .button{font-size:13px;padding:13px 16px}.demo-open{font-size:12px}.header nav{gap:12px}.header nav>a.websites-nav{display:inline-flex;font-size:13px}}
.demo-toolbar .demo-address{margin-right:auto;min-width:0}.demo-reset{border:0;background:transparent;color:var(--muted);font-size:24px;width:38px;height:38px;flex-shrink:0;border-radius:7px;cursor:pointer}.demo-reset:hover{color:var(--purple);background:#f5f4f0}

.demo-activate,.demo-exit{display:none}
@media(max-width:739px){.demo-device{display:none}.demo-viewport:not(.is-active) .demo-frame{pointer-events:none}.demo-viewport:not(.is-active) .demo-activate{display:flex;position:absolute;inset:0;z-index:2;align-items:flex-end;justify-content:center;padding:0 16px 24px;border:0;background:linear-gradient(transparent 55%,#2525223d);font:inherit;cursor:pointer}.demo-activate span{display:inline-flex;align-items:center;min-height:46px;padding:12px 22px;border-radius:30px;background:var(--purple);color:white;font-size:14px;box-shadow:0 6px 18px #25252233}.demo-exit:not([hidden]){display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:0;border-radius:7px;background:#f5f4f0;color:var(--purple);font-size:12px;flex-shrink:0;cursor:pointer}}