.cinema-hero .cinema-copy{width:min(1200px,100%);max-width:1200px}.cinema-hero .cinema-copy h1{white-space:nowrap;font-size:clamp(24px,4.4vw,66px);letter-spacing:-1.5px;line-height:1.2}.cinema-hero .cinema-description{max-width:650px;margin-left:auto;margin-right:auto}
#free-tool.ecosystem>.ecosystem-copy{grid-column:1;grid-row:1}#free-tool.ecosystem>.product-controls{grid-column:1;grid-row:2;display:flex;align-items:center;gap:20px;margin-top:24px;align-self:start;flex-wrap:wrap}.product-name{font-size:13px;letter-spacing:1px;margin:0 0 12px;color:var(--ink)}.product-switcher{display:flex;align-items:center;gap:4px}.product-switcher button{width:36px;height:44px;padding:10px;border:0;background:transparent;cursor:pointer}.product-switcher span{display:block;width:12px;height:12px;border:1px solid #8193a7;border-radius:3px;transition:background .2s,scale .2s}.product-switcher [aria-selected=true] span{background:var(--green,#2563eb);border-color:var(--green,#2563eb);scale:1.15}.product-switcher button:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-radius:5px}.product-count{font-size:10px;color:#85939e;letter-spacing:2px}
#join-dialog{max-height:90svh;overflow-y:auto}#join-dialog select{appearance:none;-webkit-appearance:none;padding-right:52px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23303c48' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;background-size:16px}.contact-qr{display:flex;align-items:center;gap:20px;margin:20px 0 24px;padding:16px;border:1px solid #e1e7ed;border-radius:16px;background:#fff}.contact-qr img{width:144px;height:144px;flex-shrink:0;object-fit:contain}.contact-qr strong{font-size:14px}.contact-qr p{font-size:12px;line-height:1.7;color:#83909b;margin:8px 0}.contact-qr a{font-size:12px;color:var(--green,#2563eb)}
@media(max-width:760px){.cinema-hero .cinema-copy{padding-left:0;padding-right:0}.cinema-hero .cinema-copy h1{font-size:clamp(17px,4.6vw,34px);letter-spacing:-.7px}#free-tool.ecosystem>.ecosystem-copy{grid-row:1}#free-tool.ecosystem>.workbench-art{grid-row:2}#free-tool.ecosystem>.product-controls{grid-row:3;margin-top:0;gap:10px}.product-count{font-size:8px}.contact-qr{gap:12px;padding:12px}.contact-qr img{width:116px;height:116px}.contact-qr strong{font-size:12px}.contact-qr p,.contact-qr a{font-size:10px}.product-name{font-size:11px}}