.como4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;display:grid}@container (max-width:900px){.como4{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:520px){.como4{grid-template-columns:minmax(0,1fr);gap:10px}}.cstep{background:var(--white);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);flex-direction:column;gap:10px;padding:16px;scroll-margin-top:100px;display:flex}.cstep .k{width:44px;height:44px;font:700 15px var(--font-body);background:var(--brand);color:var(--on-brand);font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .15s,box-shadow .2s;display:grid}.cstep .k:hover{transform:scale(1.08)}.cstep .k:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.cstep.on{border-color:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 28%, transparent)}.cstep.on .k{box-shadow:0 0 0 4px color-mix(in srgb, var(--ok) 45%, transparent)}.cstep .cdet{animation:.25s both cdin}.cstep .cdet[hidden]{display:none}.cstep b{margin-bottom:4px;font-size:16px;display:block}.cstep p{color:var(--text-2);font-size:13.5px;line-height:1.5}.cstep ul{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.cstep li{color:var(--text-1);padding-left:14px;font-size:12.5px;position:relative}.cstep li:before{content:"";background:var(--ok);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:1px}.xpcta{padding-top:0}.xpbox{text-align:center;border-radius:calc(var(--radius) + 8px);background:var(--brand);color:var(--on-brand);flex-direction:column;align-items:center;gap:12px;padding:clamp(26px,5cqi,48px) clamp(18px,4cqi,40px);display:flex;position:relative;overflow:hidden}.xpbox h2{color:var(--on-brand);max-width:22ch;font-size:clamp(26px,3.6cqi,40px)}.xpbox .eyebrow{color:var(--ok)}.xpbox .sub{color:color-mix(in srgb, var(--on-brand) 85%, transparent);max-width:46ch}.xpqr{background:var(--white);cursor:pointer;box-shadow:0 0 0 6px color-mix(in srgb, var(--ok) 35%, transparent), 0 18px 40px -16px #00000080;border:0;border-radius:20px;margin-top:8px;padding:14px;line-height:0;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.xpqr:hover,.xpqr:focus-visible{box-shadow:0 0 0 8px color-mix(in srgb, var(--ok) 55%, transparent), 0 18px 40px -16px #00000080;transform:scale(1.03)}.xpqr:focus-visible{outline:3px solid var(--on-brand);outline-offset:4px}.xpqr canvas{width:168px;height:168px;display:block}.xpqr:after{content:"";background:var(--ok);height:2px;box-shadow:0 0 12px 2px var(--ok);border-radius:2px;animation:2.8s ease-in-out infinite xpscan;position:absolute;top:16px;left:14px;right:14px}.xphint{letter-spacing:.04em;color:color-mix(in srgb, var(--on-brand) 88%, transparent);font-size:13.5px;font-weight:600}.xp.site{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#181a16c7;place-items:center;min-height:0;padding:14px;font-size:14px;display:grid;position:fixed;inset:0;overflow:auto}.xpwrap{flex-direction:column;align-items:center;gap:10px;max-width:100%;display:flex}.xptop{color:#fff;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:300px;display:flex}.xpdots{gap:6px;display:flex}.xpdots i{background:#ffffff47;border-radius:4px;width:22px;height:4px;transition:background .3s}.xpdots i.on{background:var(--ok)}.xpx{color:#fff;min-width:44px;height:44px;font:600 20px/1 var(--font-body);cursor:pointer;background:0 0;border:1.5px solid #ffffff8c;border-radius:50%;place-items:center;padding:0;display:grid}.xpx:hover,.xpx:focus-visible{color:var(--brand);background:#fff}.xpcap{text-align:center;color:#fff;max-width:300px;min-height:2.6em;font-size:13.5px;line-height:1.4}.xpact{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.xpact .btn{min-height:38px;padding:0 16px;font-size:13.5px}.xpact .btn-ghost{color:#fff;border-color:#ffffff8c}.xpact .btn-ghost:hover{background:#ffffff24}.site .xpact a.btn-primary{color:var(--brand);background:#fff}.mini{border:8px solid var(--text-1);background:var(--surface);border-radius:34px;flex-direction:column;align-self:center;width:100%;max-width:300px;height:min(560px,100vh - 150px);min-height:552px;display:flex;overflow:hidden;box-shadow:0 30px 70px -20px #0009}.mini button{pointer-events:none}.mini .mh{justify-content:space-between;align-items:center;gap:10px;padding:12px 16px 6px;display:flex}.mini .mh small{font-family:var(--font-sub);color:var(--text-2);font-size:11px}.mini .mlogo{color:var(--brand);line-height:0;display:block}.mini .mlogo svg{width:auto;height:15px}.mini .mb{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-1) 12%, transparent) transparent;flex-direction:column;flex:auto;gap:12px;padding:8px 16px 14px;display:flex;overflow-y:auto}.mini .mb h3{font-size:21px}.mini .mf{border-top:1px solid var(--border);padding:10px 16px 14px}.mini .mf .btn{white-space:normal;text-align:center;letter-spacing:.04em;text-transform:uppercase;width:100%;padding:9px 12px;font-size:13px;line-height:1.25;transition:transform .15s,filter .15s,opacity .2s}.mini .mf.two{gap:10px;display:flex}.mini .mf.two .btn{flex:1;width:auto}.mini .btn.pressed{filter:brightness(.88);transform:scale(.95)}.btn-neg{color:var(--neg);border-color:var(--neg);background:0 0}.mini .mtitle{align-items:center;gap:10px;display:flex}.mini .ico{background:color-mix(in srgb, var(--brand) 10%, transparent);width:34px;height:34px;color:var(--brand);border-radius:9px;flex:none;place-items:center;display:grid}.mini .ico svg{width:18px;height:18px}.mini .mtitle h3{font-size:18px;line-height:1.15}.mini .dochead{font-family:var(--font-product);letter-spacing:.06em;color:var(--brand);text-transform:uppercase;margin-top:2px;font-size:10.5px;font-weight:600}.mini .hint{color:var(--text-2);font-size:12.5px}.mini .q{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex}.mini .qh{justify-content:space-between;align-items:flex-start;display:flex}.mini .q p{font-weight:600}.mini .badge{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:10.5px;font-weight:600;display:inline-flex}.mini .opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mini .opt{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;color:var(--text-1);font-weight:600}.mini .opt[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.mini[data-s="1"] .mb{gap:8px;padding:8px 14px 10px;overflow:hidden}.mini[data-s="1"] .q{gap:6px;padding:8px 10px}.mini[data-s="1"] .q p{font-size:12.5px;line-height:1.3}.mini[data-s="1"] .qh{gap:6px}.mini[data-s="1"] .opt{justify-content:center;align-items:center;height:36px;min-height:36px;font-size:13px;display:flex}.mini[data-s="1"] .mtitle h3{font-size:16px}.mini .docbox{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);height:290px;max-height:170px;color:var(--text-2);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-1) 12%, transparent) transparent;flex:none;padding:14px;font-size:14px;overflow-y:auto}.mini .docbox p+p{margin-top:10px}.mini .docbox h4{font-family:var(--font-title);color:var(--text-1);margin-bottom:8px;font-size:17px;font-weight:400}.readok,.readpend{border-radius:var(--radius);align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.readok{background:color-mix(in srgb, var(--ok) 25%, transparent);border:1px solid color-mix(in srgb, var(--ok) 55%, transparent);color:var(--text-1);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.readok svg{width:16px;height:16px;color:var(--brand);flex:none}.readpend{background:var(--surface-card);color:var(--text-2);font-weight:500}.mini[data-s="3"] .mb{justify-content:center;gap:8px;padding:6px 14px 10px;overflow:hidden}.mini .done{text-align:center;justify-items:center;gap:4px;display:grid}.mini .okc{background:var(--brand);width:34px;height:34px;color:var(--on-brand);border-radius:50%;place-items:center;display:grid}.mini .okc svg{width:18px;height:18px}.mini .done h3{font-size:18px}.mini .csat{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);gap:8px;padding:10px;display:grid}.mini .csat>*{min-width:0}.mini .csq{font-family:var(--font-product);letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--brand);font-size:11px;font-weight:600;line-height:1.3}.mini .csq2{letter-spacing:.05em;text-transform:uppercase;text-align:center;color:var(--text-2);border-top:1px dashed var(--border);padding-top:10px;font-size:11px;font-weight:700}.mini .scale{justify-content:center;gap:8px;display:flex}.mini .sc{border:1.5px solid var(--border-input);background:var(--white);width:40px;height:40px;font:700 15px var(--font-body);color:var(--text-1);border-radius:50%;flex:0 0 40px;padding:0}.mini .sc[aria-pressed=true],.mini .chipb[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.mini .ends{color:var(--text-2);text-transform:uppercase;justify-content:space-between;gap:4px;font-size:10px;font-weight:700;display:flex}.mini .ends span:last-child{text-align:right}.mini .chips2{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.mini .chipb{border:1.5px solid var(--border-input);background:var(--white);min-height:36px;font:600 12px var(--font-body);color:var(--text-1);border-radius:999px;padding:0 10px}@keyframes cdin{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes xpscan{0%,to{top:16px}50%{top:calc(100% - 18px)}}