@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,700&family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased}:root{--bg:#dce8d2;--bg-alt:#e9f0e0;--surface:#ffffffb8;--surface-solid:#fff;--border:#00000014;--text:#1a1a1a;--text-secondary:#4a5568;--muted:#718096;--accent:linear-gradient(135deg, #f97316, #ef4444, #c026d3);--accent-solid:#e8542e;--accent-hover:#d44828;--danger:#dc2626}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:linear-gradient(160deg,#dce8d2 0%,#e5eddb 40%,#eef2e6 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.app{flex-direction:column;max-width:860px;min-height:100vh;margin:0 auto;padding:2.5rem 2rem 1.5rem;display:flex;position:relative}@keyframes blobFloat1{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(-15px,-25px)rotate(4deg)}66%{transform:translate(10px,-10px)rotate(-3deg)}}@keyframes blobFloat2{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(20px,-20px)rotate(-5deg)}}@keyframes blobFloat3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(10px,15px)scale(1.08)}}.header{z-index:1;text-align:center;margin-bottom:2.5rem;position:relative}.brand{color:var(--text);letter-spacing:-.01em;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:3.4rem;font-style:italic;font-weight:700;line-height:1.1}.tagline{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-top:.5rem;max-width:480px;margin-inline:auto;font-size:.95rem;font-weight:600;line-height:1.5}.about-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1.5px solid #0000001f;border-radius:999px;margin-top:1rem;padding:.45rem 1.2rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:border-color .2s,color .2s,background .2s}.about-btn:hover{border-color:var(--accent-solid);color:var(--accent-solid);background:#e8542e0d}.main-content{z-index:1;flex:1;position:relative}.search-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:20px;padding:1.8rem;box-shadow:0 4px 24px #0000000a,0 1px 3px #00000008}.search-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:block}.search-row{gap:.6rem;display:flex}.search-input{background:var(--surface-solid);color:var(--text);border:1.5px solid #0000001a;border-radius:14px;outline:none;flex:1;padding:.85rem 1.1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent-solid);box-shadow:0 0 0 3px #e8542e1f}.search-input::placeholder{color:#a0aec0}.submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s,opacity .2s;display:flex}.submit-btn:hover:not(:disabled){transform:scale(1.05)}.submit-btn:disabled{opacity:.45;cursor:not-allowed}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mode-toggle{gap:.4rem;margin-top:.9rem;display:flex}.mode-btn{background:var(--surface-solid);color:var(--muted);cursor:pointer;border:1.5px solid #0000001a;border-radius:10px;padding:.45rem 1.2rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s}.mode-btn:hover{border-color:var(--accent-solid);color:var(--accent-solid)}.mode-btn.active{background:var(--accent);color:#fff;border-color:#0000}.error-card{color:var(--danger);background:#dc262614;border:1.5px solid #dc26264d;border-radius:14px;margin-top:1.2rem;padding:.9rem 1.1rem;font-size:.9rem;font-weight:500}.examples-section{text-align:center;margin-top:1.5rem}.examples-title{color:var(--muted);margin-bottom:.8rem;font-size:.95rem}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;display:grid}.example-card{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:14px;padding:.85rem 1rem;font-family:inherit;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.example-card:hover{border-color:var(--accent-solid);box-shadow:0 2px 8px #e8542e1f}.result-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:20px;margin-top:1.5rem;padding:1.8rem;animation:.35s ease-out slideUp;box-shadow:0 4px 24px #0000000a}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.answer-header{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.answer-header h2{color:var(--text);font-size:1rem;font-weight:700}.mode-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--accent);color:#fff;border-radius:999px;padding:.2rem .7rem;font-size:.68rem;font-weight:700}.answer-text{color:var(--text-secondary);white-space:pre-wrap;font-size:.95rem;line-height:1.75}.sources-section{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.2rem}.sources-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.7rem;font-size:.82rem;font-weight:700}.sources-list{flex-direction:column;gap:.45rem;list-style:none;display:flex}.source-item{background:var(--surface-solid);border:1px solid var(--border);border-radius:12px;align-items:center;gap:.6rem;padding:.6rem .85rem;font-size:.85rem;transition:box-shadow .2s;display:flex}.source-item:hover{box-shadow:0 2px 12px #0000000f}.source-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;border-radius:6px;flex-shrink:0;padding:.2rem .6rem;font-size:.65rem;font-weight:700;display:inline-block}.source-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;text-decoration:none;overflow:hidden}.source-title:hover{color:var(--accent-solid);text-decoration:underline}.source-score{color:var(--muted);flex-shrink:0;font-size:.78rem;font-weight:600}.footer{z-index:1;text-align:center;border-top:1px solid #0000000f;margin-top:3rem;padding-top:1.5rem;position:relative}.team{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.team-member{color:var(--text-secondary);font-size:.82rem;font-weight:600}.course{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:.5rem;font-size:.75rem;font-weight:500}@media (width<=640px){.app{padding:1.5rem 1rem 1rem}.brand{font-size:2.4rem}.tagline{font-size:.82rem}.search-card,.result-card{border-radius:16px;padding:1.2rem}.team{flex-direction:column;gap:.3rem}.blob-1{width:350px;height:350px}.blob-2{width:250px;height:250px}.circle-deco-1{width:160px;height:160px}.circle-deco-2{display:none}}.db{color:#1a1a1a;background:linear-gradient(160deg,#dce8d2 0%,#e5eddb 40%,#eef2e6 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.deco-blobs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.blob{opacity:.55;position:absolute}.blob-1{width:520px;height:520px;animation:18s ease-in-out infinite blobFloat1;bottom:-120px;right:-100px}.blob-2{opacity:.45;width:380px;height:380px;animation:22s ease-in-out infinite blobFloat2;bottom:-50px;right:60px}.blob-3{opacity:.3;width:180px;height:180px;animation:20s ease-in-out infinite blobFloat3;top:-30px;left:-40px}.circle-deco{border-radius:50%;position:absolute}.circle-deco-1{width:240px;height:240px;bottom:40px;right:20px}.circle-deco-2{width:140px;height:140px;bottom:200px;right:260px}.ring{border:2px solid #ffffff8c;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-deco-1 .ring-1{width:100%;height:100%}.circle-deco-1 .ring-2{width:75%;height:75%}.circle-deco-1 .ring-3{width:50%;height:50%}.circle-deco-1 .ring-4{width:25%;height:25%}.circle-deco-2 .ring-1{width:100%;height:100%}.circle-deco-2 .ring-2{width:66%;height:66%}.circle-deco-2 .ring-3{width:33%;height:33%}.db-nav{z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#dce8d2bf;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:1rem 3rem;display:flex;position:sticky;top:0}.db-nav-brand{color:#1a1a1a;letter-spacing:-.01em;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.5rem;font-style:italic;font-weight:700}.db-pill-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ef4444,#c026d3);border:none;border-radius:14px;padding:.55rem 1.35rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:transform .15s,opacity .2s}.db-pill-btn:hover{opacity:.9;transform:scale(1.04)}.db-pill-btn.large{border-radius:16px;padding:.85rem 2rem;font-size:1rem}.db-ghost-btn{color:#4a5568;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1.5px solid #0000001a;border-radius:16px;padding:.85rem 2rem;font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:inline-block}.db-ghost-btn:hover{color:#e8542e;background:#fffc;border-color:#e8542e}.db-hero{z-index:1;text-align:center;opacity:0;justify-content:center;align-items:center;min-height:80vh;padding:5rem 2rem 4rem;transition:opacity .8s ease-out,transform .8s ease-out;display:flex;position:relative;transform:translateY(20px)}.db-hero.in{opacity:1;transform:translateY(0)}.db-hero-content{z-index:1;max-width:800px;position:relative}.db-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#718096;margin-bottom:1.2rem;font-size:.8rem;font-weight:600}.db-hero-title{color:#1a1a1a;letter-spacing:-.01em;margin-bottom:1.4rem;font-family:Playfair Display,Georgia,serif;font-size:clamp(2.4rem,5.5vw,4.5rem);font-style:italic;font-weight:700;line-height:1.1}.db-hero-desc{color:#4a5568;max-width:600px;margin:0 auto 2.5rem;font-size:1rem;line-height:1.8}.db-hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.db-section{z-index:1;border-top:1px solid #0000000f;max-width:900px;margin:0 auto;padding:4rem 2rem;position:relative}.db-section-title{text-align:center;color:#1a1a1a;margin-bottom:.6rem;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700}.db-section-sub{text-align:center;color:#718096;margin-bottom:2.5rem;max-width:520px;margin-inline:auto;font-size:.9rem;line-height:1.6}.db-pipeline{flex-wrap:wrap;justify-content:center;align-items:flex-start;display:flex}.db-step-wrap{align-items:flex-start;display:flex}.db-step{text-align:center;flex-direction:column;align-items:center;width:130px;padding:0 .4rem;display:flex}.db-step-icon-wrap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #00000014;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.75rem;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 2px 12px #0000000f}.db-step-icon-wrap:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.db-step-icon{font-size:1.7rem;line-height:1}.db-step-label{color:#1a1a1a;margin-bottom:.3rem;font-size:.78rem;font-weight:700}.db-step-desc{color:#718096;font-size:.68rem;line-height:1.45}.db-step-arrow{color:#0003;flex-shrink:0;margin-top:20px;padding:0 .1rem;font-size:1.1rem}.db-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border:1px solid #00000014;border-radius:20px;margin-bottom:1.2rem;padding:1.8rem;box-shadow:0 4px 24px #0000000a,0 1px 3px #00000008}.db-card-title{color:#1a1a1a;margin-bottom:.4rem;font-size:.95rem;font-weight:700}.db-card-sub{color:#718096;margin-bottom:1.3rem;font-family:Courier New,monospace;font-size:.78rem}.db-legend{color:#4a5568;align-items:center;gap:1.4rem;margin-bottom:1.4rem;font-size:.8rem;display:flex}.db-dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:.3rem;display:inline-block}.db-metric-list{flex-direction:column;gap:1rem;display:flex}.db-metric-row{grid-template-columns:155px 1fr;align-items:center;gap:1rem;display:grid}.db-metric-label{color:#4a5568;font-size:.8rem;font-weight:500}.db-bars{flex-direction:column;gap:5px;display:flex}.db-bar-track{background:#0000000d;border-radius:7px;align-items:center;height:22px;display:flex;position:relative;overflow:hidden}.db-bar-fill{opacity:.85;border-radius:7px;width:0;height:100%;transition:width .85s cubic-bezier(.22,1,.36,1)}.db-bar-val{color:#1a1a1a;z-index:1;font-size:.68rem;font-weight:700;position:absolute;right:.5rem}.db-latency-list{flex-direction:column;gap:.9rem;display:flex}.db-latency-row{grid-template-columns:76px 1fr;align-items:center;gap:1rem;display:grid}.db-latency-label{color:#4a5568;font-size:.82rem;font-weight:500}.db-latency-track{background:#0000000d;border-radius:9px;align-items:center;height:32px;display:flex;position:relative;overflow:hidden}.db-latency-val{color:#1a1a1a;font-size:.8rem;font-weight:700;position:absolute;right:.7rem}.db-grid-table{flex-direction:column;gap:.4rem;font-size:.82rem;display:flex}.db-grid-head{color:#718096;text-transform:uppercase;letter-spacing:.05em;grid-template-columns:repeat(4,1fr);padding:.4rem .8rem;font-size:.72rem;font-weight:600;display:grid}.db-grid-row{color:#4a5568;background:#ffffff80;border:1px solid #0000000f;border-radius:12px;grid-template-columns:repeat(4,1fr);align-items:center;padding:.6rem .8rem;transition:background .2s;display:grid}.db-grid-row:hover{background:#ffffffd9}.db-grid-row.best{color:#1a1a1a;background:#f9731612;border-color:#e8542e4d}.db-best-tag{color:#fff;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;background:linear-gradient(135deg,#f97316,#c026d3);border-radius:999px;margin-left:.4rem;padding:.1rem .45rem;font-size:.6rem;font-weight:700;display:inline-block}.db-sim-val{align-items:center;gap:.5rem;display:flex}.db-sim-bar{background:linear-gradient(90deg,#f97316,#c026d3);border-radius:2px;min-width:4px;max-width:70px;height:4px;display:inline-block}.db-note{color:#718096;margin-top:1rem;font-size:.75rem;font-style:italic;line-height:1.6}.db-stats-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:1rem;margin-top:1.2rem;display:grid}.db-stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#ffffffb8;border:1px solid #00000014;border-radius:20px;padding:1.6rem 1.2rem;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 12px #0000000a}.db-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000014}.db-stat-num{background:linear-gradient(135deg,#f97316,#ef4444,#c026d3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.45rem;font-family:Playfair Display,Georgia,serif;font-size:2rem;font-weight:700;line-height:1.1}.db-stat-label{color:#718096;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.db-cta-section{z-index:1;text-align:center;border-top:1px solid #0000000f;padding:4.5rem 2rem;position:relative}.db-cta-glow{display:none}.db-cta-title{color:#1a1a1a;margin-bottom:.7rem;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.8rem,3.5vw,2.6rem);font-style:italic;font-weight:700}.db-cta-desc{color:#718096;margin-bottom:2rem;font-size:.95rem}.db-footer{z-index:1;text-align:center;border-top:1px solid #0000000f;padding:1.8rem 2rem;position:relative}.db-footer-team{color:#4a5568;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:.5rem;font-size:.82rem;font-weight:600;display:flex}.db-footer-course{text-transform:uppercase;letter-spacing:.08em;color:#718096;font-size:.72rem}@media (width<=768px){.db-nav{padding:.9rem 1.2rem}.db-pipeline{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:1rem;overflow-x:auto}.db-step{width:110px}.db-metric-row{grid-template-columns:1fr;gap:.25rem}.db-card{border-radius:16px;padding:1.2rem}.db-footer-team{flex-direction:column;gap:.3rem}.blob-1{width:350px;height:350px}.blob-2{width:250px;height:250px}.circle-deco-2{display:none}}@media (width<=480px){.db-section{padding:3rem 1rem}.db-stats-grid{grid-template-columns:repeat(2,1fr)}}