.numbers-intro{background:var(--silver-canvas);border-bottom:1px solid var(--silver-line);padding:24px 0 28px}.numbers-privacy{align-items:center;gap:8px;min-height:44px;display:flex}.numbers-privacy svg{width:20px;height:20px}.numbers-intro h1{letter-spacing:-.048em;margin:0;font-size:clamp(32px,4.1vw,54px);font-weight:800;line-height:1.05}.numbers-intro h1 span{color:var(--silver-violet)}.numbers-intro p{max-width:720px;margin-block:8px}.numbers-intro .container{padding-right:180px;position:relative}.numbers-heading{align-items:center;gap:16px;margin-bottom:16px;display:flex}.numbers-icon{border:1px solid var(--silver-line);width:56px;height:56px;color:var(--silver-violet);background:#fff;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.numbers-icon svg{width:34px;height:34px}.numbers-art{gap:8px;display:flex;position:absolute;top:60px;right:4px;transform:rotate(-9deg)}.numbers-art span{border:1px solid var(--silver-line);width:52px;height:96px;color:var(--silver-violet);box-shadow:6px 6px 0 var(--silver-badge,#eae5ff);background:#fff;border-radius:8px;place-items:end center;padding-bottom:18px;font-size:26px;font-weight:800;display:grid}.numbers-body{padding-block:36px}.numbers-workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.numbers-panel{border:1px solid var(--silver-line);background:#fff;border-radius:8px;min-width:0;padding:28px}.numbers-panel h2{margin-bottom:24px;font-size:23px}.numbers-picker{background:var(--silver-panel);text-align:center;border:1px dashed #858ba3;border-radius:8px;flex-direction:column;align-items:center;padding:20px;display:flex}.numbers-picker svg{width:32px;height:32px;color:var(--silver-violet);margin-bottom:12px}.numbers-body label{margin-bottom:8px;font-weight:650;display:block}.numbers-body input,.numbers-body select{width:100%;min-width:0;min-height:44px;font:inherit;color:var(--silver-ink);background:#fff;border:1px solid #858ba3;border-radius:5px;padding:8px}.numbers-body .numbers-file-button{background:var(--silver-violet);color:#fff;cursor:pointer;border-radius:100px;place-items:center;min-height:44px;margin:14px 0 0;padding:8px 22px;display:inline-grid;position:relative}.numbers-file-button input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.numbers-file-button:focus-within{outline:3px solid var(--silver-violet-text);outline-offset:4px}.numbers-picker p{margin-bottom:0}.numbers-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.numbers-wide{grid-column:1/-1}.numbers-position{border:0;min-width:0;margin:0;padding:0}.numbers-position legend{margin-bottom:8px;font-weight:650}.numbers-position>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.numbers-position label{margin:0;position:relative}.numbers-position input{opacity:0;width:1px;height:1px;min-height:1px;position:absolute}.numbers-position span{text-align:center;text-transform:capitalize;cursor:pointer;background:var(--silver-panel);border:1px solid #858ba3;border-radius:5px;place-items:center;min-height:54px;padding:8px 4px;font-size:13px;display:grid}.numbers-position input:checked+span{color:var(--silver-violet-text);border-color:var(--silver-violet);background:#eae5ff}.numbers-position input:focus-visible+span{outline:3px solid var(--silver-violet-text);outline-offset:2px}.numbers-position input:disabled+span{opacity:.65;cursor:not-allowed}.numbers-body input[aria-invalid=true]{border-color:var(--silver-error)}.numbers-body p{overflow-wrap:anywhere;margin-block:16px}.numbers-help,.numbers-picker p{color:var(--silver-muted);font-size:14px}.numbers-actions,.numbers-navigation{flex-wrap:wrap;align-items:center;gap:10px;margin-block:24px;display:flex}.numbers-secondary{min-height:44px;font:inherit;color:var(--silver-ink);cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;padding:8px 18px}.numbers-body :is(button,input,select):disabled{opacity:.65;cursor:not-allowed}.numbers-body :is(button,input,select,a,summary):focus-visible{outline:3px solid var(--silver-violet-text);outline-offset:4px}.numbers-body progress{width:100%;accent-color:var(--silver-violet)}.numbers-body [data-error=true]{color:var(--silver-error)}.numbers-body .numbers-field-error{color:var(--silver-error);margin:8px 0 0;font-size:14px}.numbers-preview{background:var(--silver-canvas);border:1px solid var(--silver-line);place-items:center;min-height:280px;padding:16px;display:grid}.numbers-preview img{object-fit:contain;max-width:100%;height:auto;max-height:660px;display:block}.numbers-preview p{text-align:center;color:var(--silver-muted);font-size:14px}.numbers-navigation{justify-content:space-between}.numbers-support{grid-template-columns:1fr 1fr;gap:36px;margin-block:44px;display:grid}.numbers-support h2,.numbers-faq h2{margin-bottom:20px;font-size:27px}.numbers-support ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;list-style:none;display:grid}.numbers-support li{color:var(--silver-muted);margin-bottom:16px;font-size:14px}.numbers-support li span{background:var(--silver-violet);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:12px;font-weight:700;display:grid}.numbers-support li strong{color:var(--silver-ink);margin-bottom:8px;display:block}.numbers-compatibility{border-left:1px solid var(--silver-line);padding-left:28px}.numbers-faq{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.numbers-faq h2{grid-column:1/-1}.numbers-faq details{border:1px solid var(--silver-line);background:#fff;border-radius:5px;margin-bottom:12px;padding:0 18px}.numbers-faq summary{cursor:pointer;min-height:44px;padding-block:12px}.numbers-body [hidden]{display:none!important}@media (width<=850px){.numbers-intro .container{padding-right:0}.numbers-art{display:none}.numbers-workspace,.numbers-support{grid-template-columns:1fr}.numbers-compatibility{border:0;padding:0}}@media (width<=500px){.numbers-panel{padding:23px}.numbers-fields{gap:14px}.numbers-heading{align-items:flex-start}.numbers-icon{display:none}.numbers-faq,.numbers-support ol{grid-template-columns:1fr}.numbers-support li{padding-left:44px;position:relative}.numbers-support li span{position:absolute;left:0}.numbers-body .color-field{grid-column:1/-1}}
