.dt-hero{background:radial-gradient(120% 140% at 100% 0,#4f46e5 0%,#4338ca 42%,#312e81 100%);border-radius:20px;margin-bottom:3rem;padding:3.25rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 16px 32px -8px #4f46e51f,0 4px 8px -2px #4f46e50f}.dt-hero-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#c7d2fe;margin:0 0 1rem;font-family:SF Mono,Monaco,monospace;font-size:.75rem}.dt-hero h1{color:#fff;letter-spacing:-.03em;max-width:24ch;margin:0 0 1.25rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:clamp(2rem,4vw + 1rem,3.1rem);font-weight:900;line-height:1.05}.dt-hero p{color:#e0e7ff;max-width:46rem;margin:0;font-size:1.0625rem;line-height:1.6}.dt-hero p strong{color:#fff;font-weight:700}.dt-part{border-bottom:2px solid #4f46e5;flex-wrap:wrap;align-items:baseline;gap:.85rem;margin:3.5rem 0 .5rem;padding-bottom:.75rem;display:flex}.dt-part-kicker{text-transform:uppercase;letter-spacing:.14em;color:#4338ca;background:#e0e7ff;border-radius:6px;padding:.2rem .6rem;font-family:SF Mono,Monaco,monospace;font-size:.75rem;font-weight:700}.dt-part-title{color:#0f172a;letter-spacing:-.02em;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.5rem;font-weight:800}.dt-section{border-bottom:1px solid #e6e8eb;margin-top:2.5rem;padding-bottom:2rem}.dt-section:last-of-type{border-bottom:none}.dt-section-header{align-items:center;margin-bottom:.75rem;display:flex}.dt-section-number{color:#fff;background:#4f46e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin-right:.75rem;font-size:.875rem;font-weight:700;display:inline-flex}.dt-section-title{color:#0f172a;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.25rem;font-weight:700}.dt-text{color:#475569;max-width:48rem;font-family:Rubik,system-ui,sans-serif;font-size:.9375rem;line-height:1.7}.dt-text+.dt-text{margin-top:1rem}.dt-text strong{color:#0f172a;font-weight:600}.dt-text code,.dt-inline-code{color:#4338ca;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,monospace;font-size:.875em}.dt-callout{background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;gap:.75rem;max-width:48rem;margin:1.25rem 0;padding:1rem 1.25rem;display:flex}.dt-callout .dt-material{color:#4338ca;flex-shrink:0;font-size:1.25rem}.dt-callout-text{color:#3730a3;font-family:Rubik,system-ui,sans-serif;font-size:.875rem;line-height:1.6}.dt-callout-text strong{color:#312e81;font-weight:700}.dt-callout-text code{color:#3730a3;background:#4f46e51a;border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.85em}.dt-rules{flex-direction:column;gap:.75rem;max-width:48rem;margin:1.25rem 0;display:flex}.dt-rule{background:#fff;border:1px solid #e6e8eb;border-left:3px solid #4f46e5;border-radius:10px;padding:.9rem 1.125rem}.dt-rule-line{color:#0f172a;margin:0;font-family:Rubik,system-ui,sans-serif;font-size:.9375rem;line-height:1.5}.dt-rule-why{color:#64748b;margin:.35rem 0 0;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.5}.dt-tag{text-transform:uppercase;letter-spacing:.05em;vertical-align:.08em;border-radius:4px;margin-right:.5rem;padding:.1rem .4rem;font-family:SF Mono,Monaco,monospace;font-size:.625rem;font-weight:700;display:inline-block}.dt-tag.rule{color:#4338ca;background:#e0e7ff}.dt-tag.why{color:#475569;background:#f1f5f9}.dt-rule code{color:#334155;background:#0f172a0f;border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.8125em}.dt-lab{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin:1.25rem 0;display:grid}.dt-demo{background:#fff;border:1px solid #e6e8eb;border-radius:12px;padding:1.5rem}.dt-demo-label{text-transform:uppercase;color:#475569;letter-spacing:.08em;margin-bottom:1rem;font-size:.6875rem;font-weight:700}.dt-demo.avoid{background:#fbfcfd;border-style:dashed;border-color:#cbd5e1}.dt-demo-label.rec{color:#166534}.dt-demo-label.avoid{color:#991b1b}.dt-scroll{border:1px solid #e6e8eb;border-radius:12px;margin:0;overflow-x:auto}.dt-scroll:focus-visible{border-color:#4f46e5;outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}table.dt-data{border-collapse:collapse;background:#fff;width:100%;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem}table.dt-data caption{text-align:left;color:#64748b;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem}table.dt-data caption .dt-cap-hint{color:#4338ca;font-weight:600}table.dt-data th,table.dt-data td{text-align:left;vertical-align:middle;border-bottom:1px solid #f1f5f9;height:48px;padding:0 1rem}table.dt-data thead th{color:#0f172a;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e6e8eb;font-size:.75rem;font-weight:700;position:sticky;top:0}table.dt-data tbody th[scope=row]{color:#0f172a;font-weight:600}table.dt-data td{color:#475569}table.dt-data td.num,table.dt-data th.num{text-align:right;font-variant-numeric:tabular-nums}table.dt-data tbody tr:hover{background:#f8fafc}table.dt-data tbody tr:last-child th,table.dt-data tbody tr:last-child td{border-bottom:none}.dt-null{color:#94a3b8}.dt-badge{white-space:nowrap;border-radius:6px;padding:.15rem .5rem;font-family:Rubik,system-ui,sans-serif;font-size:.6875rem;font-weight:600;display:inline-block}.dt-badge.paid{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.dt-badge.pending{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.dt-badge.failed{color:var(--color-error-text);background:var(--color-error-surface);border:1px solid var(--color-error-border)}.dt-sort{min-height:24px;font:inherit;text-transform:uppercase;letter-spacing:.04em;color:#0f172a;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.3rem;margin:-.25rem -.35rem;padding:.25rem .35rem;font-size:.75rem;font-weight:700;display:inline-flex}.dt-sort:hover{background:#eef2ff}.dt-sort:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}.dt-sort .dt-arrow{color:#4338ca;font-size:.95rem;line-height:1}th[aria-sort=none] .dt-sort .dt-arrow,th:not([aria-sort]) .dt-sort .dt-arrow{color:#cbd5e1}.dt-check{accent-color:var(--color-primary);cursor:pointer;width:1.15rem;height:1.15rem;margin:0}td.dt-check-cell,th.dt-check-cell{width:1px;padding-left:1rem;padding-right:.5rem}table.dt-data tbody tr.selected{background:#eef2ff}table.dt-data tbody tr.selected:hover{background:#e0e7ff}.dt-bulkbar{background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.6rem 1rem;display:flex}.dt-bulk-count{color:#3730a3;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;font-weight:700}.dt-bulk-sep{background:#c7d2fe;width:1px;height:1.1rem}.dt-bulk-actions{flex-wrap:wrap;gap:.4rem;margin-left:auto;display:flex}.dt-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.3rem;min-height:32px;padding:.35rem .75rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;font-weight:600;display:inline-flex}.dt-btn:hover{color:#4338ca;border-color:#4f46e5}.dt-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}.dt-btn.primary{color:#fff;background:#4f46e5;border-color:#4f46e5}.dt-btn.primary:hover{color:#fff;background:#4338ca}.dt-btn .dt-material{font-size:1.05rem}.dt-icon-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.dt-icon-btn:hover{color:#4338ca;border-color:#4f46e5}.dt-icon-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}.dt-icon-btn .dt-material{font-size:1.15rem}.dt-row-actions{gap:.35rem;display:inline-flex}.dt-pager{color:#475569;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;display:flex}.dt-pager-range{font-variant-numeric:tabular-nums}.dt-pager-range strong{color:#0f172a}.dt-pager-nav{align-items:center;gap:.25rem;display:flex}.dt-page{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 .4rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;font-weight:600;display:inline-flex}.dt-page:hover{color:#4338ca;border-color:#4f46e5}.dt-page:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}.dt-page[aria-current=page]{color:#fff;background:#4f46e5;border-color:#4f46e5}.dt-page[aria-disabled=true]{opacity:.4;cursor:default}.dt-page .dt-material{font-size:1.1rem}.dt-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.85rem;display:flex}.dt-search{background:#fff;border:1px solid #64748b;border-radius:6px;flex:12rem;align-items:center;gap:.4rem;min-width:10rem;padding:0 .75rem;display:flex}.dt-search .dt-material{color:#64748b;font-size:1.1rem}.dt-search input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:.6rem 0;font-family:Rubik,system-ui,sans-serif;font-size:1rem}.dt-search:focus-within{border-color:#4f46e5;box-shadow:0 0 0 2px #fff,0 0 0 3px #4f46e5}.dt-chips{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.dt-chip{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:.1rem;padding:.1rem .15rem .1rem .5rem;font-family:Rubik,system-ui,sans-serif;font-size:.75rem;font-weight:600;display:inline-flex}.dt-chip-x{color:#4338ca;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.dt-chip-x:hover{background:#c7d2fe}.dt-chip-x:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 3px #4f46e5}.dt-chip-x .dt-material{font-size:.8rem}.dt-clear{color:#4338ca;cursor:pointer;background:0 0;border:none;border-radius:6px;min-height:24px;padding:.25rem .4rem;font-family:Rubik,system-ui,sans-serif;font-size:.75rem;font-weight:700}.dt-clear:hover{background:#eef2ff}.dt-clear:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 3px #4f46e5}.dt-filter-status{color:#64748b;margin-top:.5rem;font-family:Rubik,system-ui,sans-serif;font-size:.75rem}.dt-filter-status strong{color:#0f172a}.dt-state{text-align:center;background:#fff;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1.5rem;display:flex}.dt-state>.dt-material{color:#94a3b8;font-size:2rem}.dt-state-title{color:#0f172a;font-family:Rubik,system-ui,sans-serif;font-size:.9375rem;font-weight:700}.dt-state-body{color:#64748b;max-width:26rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.5}.dt-skel-row{border-bottom:1px solid #f1f5f9;grid-template-columns:1.5fr 1fr 1fr .8rem;align-items:center;gap:1rem;height:48px;padding:0 1rem;display:grid}.dt-skel{background:linear-gradient(90deg,#eef2f6 25%,#e2e8f0 37%,#eef2f6 63%) 0 0/400% 100%;border-radius:6px;height:.7rem;animation:1.4s ease-in-out infinite dt-shimmer}@keyframes dt-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.dt-skel{animation:none}}.dt-fork{border-collapse:collapse;width:100%;min-width:560px;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem}.dt-fork th{text-align:left;color:#0f172a;vertical-align:top;border-bottom:1px solid #e6e8eb;padding:.75rem 1rem;font-weight:700}.dt-fork th.a{background:#f0fdf4}.dt-fork th.b{background:#eef2ff}.dt-fork td{color:#475569;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:.7rem 1rem}.dt-fork td.a{background:#fafffb}.dt-fork td.b{background:#fafbff}.dt-fork tr:last-child td{border-bottom:none}.dt-fork code{color:#4338ca;background:#eef2ff;border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.85em}.dt-ref-scroll{border:1px solid #e6e8eb;border-radius:12px;margin:1.25rem 0;overflow-x:auto}table.dt-ref{border-collapse:collapse;width:100%;min-width:560px;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem}table.dt-ref th{text-align:left;color:#0f172a;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e6e8eb;padding:.75rem 1rem;font-size:.75rem;font-weight:700}table.dt-ref th.num,table.dt-ref td.num{text-align:right;font-variant-numeric:tabular-nums}table.dt-ref td{color:#475569;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:.7rem 1rem}table.dt-ref tr:last-child td{border-bottom:none}table.dt-ref code{color:#4338ca;white-space:nowrap;background:#eef2ff;border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.9em}.dt-code{color:#e2e8f0;background:#0f172a;border-radius:10px;max-width:48rem;margin:1.25rem 0;padding:1.1rem 1.3rem;font-family:SF Mono,Monaco,monospace;font-size:.8125rem;line-height:1.75;overflow-x:auto}.dt-code .dt-c-com{color:#94a3b8}.dt-code .dt-c-prop{color:#a5b4fc}.dt-code .dt-c-tag{color:#c4b5fd}.dt-code .dt-c-attr{color:#7dd3fc}.dt-ladder{counter-reset:dt-step;max-width:48rem;margin:1.25rem 0}.dt-ladder-step{border-bottom:1px dashed #e2e8f0;gap:.875rem;padding:.875rem 0;display:flex}.dt-ladder-step:last-child{border-bottom:none}.dt-ladder-step:before{counter-increment:dt-step;content:counter(dt-step);color:#4338ca;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-family:SF Mono,monospace;font-size:.75rem;font-weight:700;display:flex}.dt-ladder-text{color:#334155;font-family:Rubik,system-ui,sans-serif;font-size:.875rem;line-height:1.5}.dt-ladder-text strong{color:#0f172a}.dt-ladder-text code{color:#4338ca;background:#f1f5f9;border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.85em}.dt-xlink{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:.4rem;margin:1rem .5rem 0 0;padding:.4rem .9rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.dt-xlink:hover{background:#e0e7ff}.dt-xlink .dt-material{font-size:1rem}.dt-patterns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.25rem 0;display:grid}.dt-pattern{background:#fff;border:1px solid #e6e8eb;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.15rem 1.25rem;display:flex}.dt-pattern.default{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5}.dt-pattern-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.dt-pattern-name{color:#0f172a;font-family:Rubik,system-ui,sans-serif;font-size:.9375rem;font-weight:700}.dt-verdict{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:6px;padding:.15rem .55rem;font-family:SF Mono,Monaco,monospace;font-size:.625rem;font-weight:700}.dt-verdict.def{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.dt-verdict.alt{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.dt-verdict.care{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.dt-pattern-body{color:#64748b;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.5}.dt-pattern-tradeoff{color:#475569;border-top:1px dashed #e2e8f0;padding-top:.5rem;font-family:Rubik,system-ui,sans-serif;font-size:.75rem;line-height:1.5}.dt-pattern-tradeoff b{color:#166534}.dt-pattern-tradeoff i{color:#991b1b;font-style:normal;font-weight:600}table.dt-data.sticky-first th.stick,table.dt-data.sticky-first td.stick{z-index:1;background:#fff;position:sticky;left:0;box-shadow:1px 0 #e6e8eb}table.dt-data.sticky-first thead th.stick{z-index:2;background:#f8fafc}table.dt-data.sticky-first tbody tr:hover th.stick{background:#f8fafc}.dt-phones{flex-wrap:wrap;justify-content:center;gap:2rem;margin:1.5rem 0 .5rem;display:flex}.dt-phone-fig{flex-direction:column;align-items:center;gap:.85rem;max-width:320px;margin:0;display:flex}.dt-phone{background:#0f172a;border-radius:44px;width:310px;max-width:100%;padding:10px;position:relative;box-shadow:0 28px 56px -16px #0f172a73,inset 0 0 0 1px #94a3b840}.dt-phone-screen{background:#f8fafc;border-radius:34px;flex-direction:column;height:620px;display:flex;position:relative;overflow:hidden}.dt-phone-island{z-index:5;background:#0f172a;border-radius:14px;width:96px;height:24px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.dt-phone-head{background:#fff;border-bottom:1px solid #e6e8eb;flex-shrink:0;padding:2.75rem 1rem .75rem}.dt-phone-title{color:#0f172a;margin:0;font-family:Rubik,system-ui,sans-serif;font-size:1rem;font-weight:700}.dt-phone-sub{color:#64748b;margin:.15rem 0 0;font-family:Rubik,system-ui,sans-serif;font-size:.75rem}.dt-phone-body{flex:1;padding:.85rem;overflow-y:auto}.dt-phone-cap{color:#475569;text-align:center;max-width:30ch;margin:0;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.5}.dt-phone-cap b{color:#0f172a;font-weight:700}.dt-cards{margin:0;padding:0;list-style:none}.dt-card{background:#fff;border:1px solid #e6e8eb;border-radius:12px;margin-bottom:.75rem;padding:.85rem .95rem;font-family:Rubik,system-ui,sans-serif}.dt-card:last-child{margin-bottom:0}.dt-card-name{color:#0f172a;border-bottom:1px solid #f1f5f9;margin:0 0 .6rem;padding-bottom:.55rem;font-size:.9375rem;font-weight:700}.dt-kv{justify-content:space-between;align-items:center;gap:1rem;padding:.28rem 0;display:flex}.dt-kv-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:.6875rem;font-weight:700}.dt-kv-value{color:#0f172a;text-align:right;font-size:.8125rem}.dt-phone-scroll{height:100%;overflow-x:auto}.dt-phone-scroll:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #4f46e5}.dt-phone-scroll table.dt-data{font-size:.75rem}.dt-phone-scroll table.dt-data th,.dt-phone-scroll table.dt-data td{height:40px;padding:0 .65rem}.dt-sources-list{max-width:52rem;margin:1.25rem 0 0;padding:0;list-style:none}.dt-sources-list li{color:#475569;border-bottom:1px solid #f1f5f9;padding:.7rem 0;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.6}.dt-sources-list li:last-child{border-bottom:none}.dt-sources-list strong{color:#0f172a}.dt-sources-list code{color:#4338ca;font-family:SF Mono,Monaco,monospace;font-size:.85em}.dt-note{color:#92400e;text-transform:uppercase;letter-spacing:.04em;background:#fffbeb;border:1px solid #fde68a;border-radius:4px;padding:.05rem .35rem;font-family:SF Mono,Monaco,monospace;font-size:.6rem;font-weight:700}.dt-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}