.kw-demo{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(1.25rem,4vw,2.75rem);align-items:center;margin:clamp(1.75rem,4vw,2.5rem) 0 0}@media (max-width: 52rem){.kw-demo{grid-template-columns:1fr}}.kw{position:relative;margin:0;padding:clamp(.75rem,2.5vw,1.25rem);border-radius:1rem;background:radial-gradient(120% 90% at 30% 20%,rgb(255 255 255 / .18),transparent 60%),linear-gradient(135deg,#8a6a4b,#6f533a)}.kw-sheet{container-type:inline-size;display:grid;gap:clamp(.3rem,1.1vw,.6rem);padding:4.5% 5% 5%;border-radius:3px;background:#fff;box-shadow:0 8px 22px #00000059;font-family:Arial,Helvetica,sans-serif;color:#1f2937}.kw-line{border-top:1px solid #87ceeb}.kw-head{display:flex;gap:2.5cqw;align-items:center;padding-bottom:2.2cqw;border-bottom:2px solid #333}.kw-logos{display:flex;gap:3cqw;align-items:center;flex:none}.kw-logo{width:13cqw;height:auto}.kw-logo--uwaba{width:12cqw}.kw-title{display:grid;flex:1;text-align:center}.kw-title b{font-size:3.6cqw;line-height:1.15}.kw-title small{font-size:2.4cqw;color:#4b5563}.kw-id{position:relative;display:grid;justify-items:end;flex:none;text-align:right}.kw-id__nis{font-size:3.3cqw;font-weight:600;color:#319795;letter-spacing:.02em}.kw-id small{margin-top:.4cqw;font-size:1.7cqw;color:#64748b}.kw-top{display:flex;gap:3cqw;align-items:flex-start;justify-content:space-between}.kw-bio{flex:1;border-collapse:collapse;font-size:2.45cqw;line-height:1.55}.kw-bio th{padding-right:1.5cqw;font-weight:600;text-align:left;white-space:nowrap;vertical-align:top}.kw-bio td{padding-right:2.5cqw;vertical-align:top}.kw-qr{flex:none}.kw-qr__code{display:block;width:15cqw;height:15cqw}.kw-ring{position:absolute;top:-1.6cqw;left:50%;width:calc(100% + 5cqw);height:7cqw;border:3px solid #f59e0b;border-radius:999px;transform:translate(-50%);box-shadow:0 0 0 4px #f59e0b38;animation:kw-pulse 2.2s ease-in-out infinite}.kw-tag{position:absolute;top:calc(100% + 3.4cqw);right:-1cqw;z-index:1;display:inline-flex;gap:.35em;align-items:center;padding:.35em .75em;border-radius:999px;background:#f59e0b;color:#1f2937;font-family:var(--sans);font-size:max(.72rem,2.5cqw);font-weight:700;white-space:nowrap;box-shadow:0 6px 14px -6px #00000073}.kw-tag:before{content:"";position:absolute;top:-.45em;right:2.2em;border:.5em solid transparent;border-top:0;border-bottom-color:#f59e0b}@keyframes kw-pulse{50%{box-shadow:0 0 0 9px #f59e0b1a}}.kw-sec{margin-top:1.6cqw;font-size:2.6cqw;font-weight:700}.kw-sec:first-of-type{margin-top:5cqw}.kw-table{height:12cqw;border:1px solid #9ca3af;background:linear-gradient(#e5e7eb,#e5e7eb) 0 0 / 100% 25% no-repeat,repeating-linear-gradient(#9ca3af 0 1px,transparent 1px 25%),repeating-linear-gradient(90deg,rgb(156 163 175 / .7) 0 1px,transparent 1px 16.66%)}.kw-sign{height:9cqw;margin-top:1cqw;background:linear-gradient(#9ca3af,#9ca3af) 100% 100% / 26% 2px no-repeat,linear-gradient(#9ca3af,#9ca3af) 100% 20% / 18% 2px no-repeat}.kw figcaption{margin-top:.75rem;color:#ffffffd9;font-family:var(--sans);font-size:.85rem;text-align:center}.kw-notes{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.kw-notes li{display:grid;grid-template-columns:auto 1fr;gap:.15rem .75rem;padding:1rem 1.1rem;border-radius:.9rem;background:#fff}.kw-notes li:before{content:"";grid-row:span 2;display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--langit-kuat);color:#fff;font-family:var(--sans);font-size:.85rem;font-weight:800}.kw-notes li.is-ok{outline:2px solid rgb(30 122 69 / .55);outline-offset:-2px}.kw-notes li.is-ok:before{content:"✓";background:var(--hijau)}.kw-notes li.is-bad:before{content:"✕";background:#c2410c}.kw-notes li.is-info:before{content:"i"}.kw-notes b{font-family:var(--sans);font-size:1rem}.kw-notes span{font-size:.93rem;line-height:1.5;color:#071833b8}.kw-notes a{color:var(--langit-kuat);font-weight:600}