.widget-page *{box-sizing:border-box}.widget-page h1,.widget-page h2,.widget-page h3,.widget-page p{margin:0}.widget-page{background:#f5f5fa;padding:2rem 1rem 3rem;color:#1f2937}.page-title{text-align:center;margin-bottom:2rem}.page-title h1{font-size:1.75rem;font-weight:700;color:#0c243c;margin-bottom:.25rem}.page-title p{font-size:.9375rem;color:#6b7280}.demos{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 700px){.demos{grid-template-columns:1fr}}.demo-card{background:#fff;border-radius:.75rem;box-shadow:0 2px 12px #0000000f;overflow:hidden}.demo-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid #eeeef3}.demo-card-header h2{font-size:1rem;font-weight:600;color:#0c243c;margin-bottom:.25rem}.demo-card-header p{font-size:.8125rem;color:#9ca3af}.demo-card-body{padding:1.5rem}.demo-form label{display:block;font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:.375rem}.demo-form input[type=email],.demo-form input[type=text]{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1.5px solid #d1d5db;border-radius:.375rem;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;margin-bottom:.75rem}.demo-form input:focus{border-color:#5955d1;box-shadow:0 0 0 3px #5955d11f}.demo-form .demo-btn{all:unset;box-sizing:border-box;white-space:nowrap;line-height:1.2;text-align:center;display:inline-block;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:#fff;background:#5955d1;border:none;border-radius:.375rem;cursor:pointer;font-family:inherit;transition:background .2s}.demo-form .demo-btn:hover{background:#4a46c0}.demo-form .field-group{margin-bottom:1rem}.result{display:none;border:1px solid #e5e5ea;border-radius:.5rem;overflow:hidden;animation:fadeIn .3s ease;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result.show{display:block}.result-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}.result-header.valid{background:#f0fdf4;border-bottom:1px solid #bbf7d0}.result-header.invalid{background:#fef2f2;border-bottom:1px solid #fecaca}.result-header.risky{background:#fffbeb;border-bottom:1px solid #fde68a}.result-header.error{background:#fef2f2;border-bottom:1px solid #fecaca}.result-status{display:flex;align-items:center;gap:.375rem;font-weight:600;font-size:.875rem}.result-status.valid{color:#096}.result-status.invalid{color:#dc3545}.result-status.risky{color:#d97706}.result-status.error{color:#dc3545}.grade-badge{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;font-weight:700;font-size:.875rem;color:#fff}.grade-badge.a-plus,.grade-badge.a{background:#096}.grade-badge.b{background:#22c55e}.grade-badge.c{background:#d97706}.grade-badge.d{background:#f97316}.grade-badge.f{background:#dc3545}.result-details{padding:.75rem 1rem}.result-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;font-size:.8125rem}.result-row+.result-row{border-top:1px solid #f3f4f6}.result-label{color:#6b7280}.result-value{font-weight:600;color:#1f2937}.tag{display:inline-block;padding:.0625rem .4375rem;border-radius:1rem;font-size:.6875rem;font-weight:600}.tag.yes{background:#dcfce7;color:#166534}.tag.no{background:#f3f4f6;color:#6b7280}.tag.warn{background:#fef3c7;color:#92400e}.score-bar{width:64px;height:5px;background:#e5e7eb;border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:.375rem}.score-fill{height:100%;border-radius:3px;transition:width .4s ease}.score-fill.high{background:#096}.score-fill.medium{background:#d97706}.score-fill.low{background:#dc3545}.console-log{background:#1e1e2e;border-radius:.375rem;padding:.75rem 1rem;margin-top:.75rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.75rem;color:#a6adc8;max-height:180px;overflow-y:auto;line-height:1.6}.console-log .log-valid{color:#a6e3a1}.console-log .log-invalid{color:#f38ba8}.console-log .log-info{color:#89b4fa}.console-log .log-warn{color:#f9e2af}.console-log .log-dim{color:#585b70}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.page-footer{text-align:center;margin-top:2rem;font-size:.75rem;color:#9ca3af}.page-footer a{color:#5955d1;text-decoration:none;font-weight:500}.page-footer a:hover{text-decoration:underline}.full-width{grid-column:1 / -1}.turnstile-gate{position:relative}.turnstile-gate:before{content:"";position:absolute;inset:0;background:#f5f5fad9;backdrop-filter:blur(3px);z-index:10;border-radius:.75rem;transition:opacity .4s ease;pointer-events:all}.turnstile-gate.verified:before{opacity:0;pointer-events:none}.turnstile-wrapper{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;margin-bottom:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 12px #0000000f;text-align:center}.turnstile-wrapper p{font-size:.8125rem;color:#6b7280;margin:0}.turnstile-wrapper .turnstile-status{font-size:.8125rem;font-weight:600}.turnstile-wrapper .turnstile-status.success{color:#096}.turnstile-wrapper .turnstile-status.error{color:#dc3545}.turnstile-hidden{display:none}.integrations{max-width:960px;margin:3rem auto 0}.integrations-title{text-align:center;margin-bottom:1.25rem}.integrations-title h2{font-size:1.375rem;font-weight:700;color:#0c243c;margin-bottom:.25rem}.integrations-title p{font-size:.9rem;color:#6b7280}.int-tabs{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center;margin-bottom:1rem}.int-tab{padding:.4rem .8rem;font-size:.8125rem;font-weight:600;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;font-family:inherit}.int-tab:hover{border-color:#5955d1;color:#5955d1}.int-tab.active{background:#5955d1;border-color:#5955d1;color:#fff}.int-panel{display:none}.int-panel.active{display:block}.int-card{background:#fff;border-radius:.75rem;box-shadow:0 2px 12px #0000000f;overflow:hidden;margin-bottom:1.25rem}.int-card-header{padding:1rem 1.5rem;border-bottom:1px solid #eeeef3;display:flex;align-items:center;justify-content:space-between;gap:1rem}.int-card-header h3{font-size:.9375rem;font-weight:600;color:#0c243c}.int-card-header p{font-size:.8125rem;color:#6b7280;margin-top:.125rem}.int-copy{flex-shrink:0;padding:.35rem .7rem;font-size:.75rem;font-weight:600;border-radius:.375rem;border:1px solid #d1d5db;background:#f9fafb;color:#374151;cursor:pointer;font-family:inherit}.int-copy:hover{border-color:#5955d1;color:#5955d1}.int-copy.done{border-color:#096;color:#096}.int-card pre{margin:0;padding:1.25rem 1.5rem;background:#0f172a;color:#e2e8f0;font-size:.78rem;line-height:1.55;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}.int-note{padding:.875rem 1.5rem;font-size:.8125rem;color:#374151;background:#f8f7ff;border-top:1px solid #eeeef3}.int-note code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.75rem;background:#eef2ff;padding:.1rem .35rem;border-radius:.25rem}.int-table{width:100%;border-collapse:collapse;font-size:.8125rem}.int-table th,.int-table td{text-align:left;padding:.6rem 1.5rem;border-bottom:1px solid #eeeef3;vertical-align:top}.int-table th{font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:#6b7280}.int-table code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.75rem;color:#5955d1}