:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:none}html,body{margin:0;padding:0;height:100%;max-width:100%;overflow-x:hidden}#root{height:100%}:root{--bg-body: #020617;--bg-surface: #0b1120;--bg-surface-alt: #111827;--border-subtle: #1f2937;--text-main: #e5e7eb;--text-muted: #9ca3af;--accent: #facc15;--accent-soft: rgba(250, 204, 21, .15);--danger: #f87171;--link: #93c5fd;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "SF Pro Text", Roboto, Ubuntu, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.app-root{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.section{padding:3rem 1.5rem}@media(min-width:768px){.section{padding:4.5rem 2rem}}.section-inner{max-width:900px;margin:0 auto}.section-title{font-size:1.9rem;font-weight:600;margin-bottom:1rem;letter-spacing:.02em}.section-subtitle{color:var(--text-muted);font-size:1rem;margin-bottom:2rem;max-width:50rem;line-height:1.6}.card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.card-title{font-size:1.15rem;margin-bottom:.75rem;font-weight:600}.card-text{color:var(--text-muted);line-height:1.65}.card-grid{display:grid;gap:1.5rem}@media(min-width:768px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.hero-section{padding-top:5.5rem;padding-bottom:3rem;background:radial-gradient(circle at top,#020617 0% 55%)}.hero-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;color:var(--text-muted)}.hero-title{font-size:2.4rem;font-weight:700;margin:0;line-height:1.2}.hero-body{font-size:1.05rem;line-height:1.7;color:var(--text-muted);max-width:42rem}.warning{color:var(--danger);font-weight:600;background:#f8717114;border-left:3px solid var(--danger);padding:.75rem 1rem;border-radius:6px;margin:1.5rem 0}.demos-page{background:radial-gradient(circle at top,#020617 0% 55%);min-height:80vh}.site-header{position:sticky;top:0;z-index:20;background:linear-gradient(to bottom,#0f172afa,#0f172af2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(148,163,184,.2)}.header-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem}.header-left{display:flex;align-items:center;gap:.6rem;cursor:pointer}.logo-mark{position:relative;width:28px;height:28px}.sun-core{width:20px;height:20px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#facc15,#f59e0b);margin:4px;box-shadow:0 0 12px #facc15b3,0 0 24px #facc1566}.sun-ray{position:absolute;width:2px;height:32px;background:linear-gradient(to bottom,#facc151a,#facc15b3,#facc151a);left:50%;top:50%;transform-origin:center}.ray-1{transform:translate(-50%,-50%) rotate(0)}.ray-2{transform:translate(-50%,-50%) rotate(45deg)}.ray-3{transform:translate(-50%,-50%) rotate(90deg)}.ray-4{transform:translate(-50%,-50%) rotate(135deg)}.logo-text{font-weight:600;letter-spacing:.05em;font-size:.95rem;color:var(--text-main)}.nav-desktop{display:flex;align-items:center;gap:1rem}.nav-link{border:none;background:transparent;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:.35rem .6rem;border-radius:999px;transition:color .15s ease,background-color .15s ease}.nav-link:hover{color:var(--text-main);background-color:#94a3b826}.nav-cta{border-radius:999px;border:1px solid rgba(250,204,21,.5);background:radial-gradient(circle at 20% 0%,rgba(250,204,21,.15),transparent),#0f172ae6;color:var(--text-main);padding:.4rem .9rem;font-size:.9rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.nav-cta:hover{background-color:#1e40afcc;border-color:#facc15e6;transform:translateY(-1px)}.nav-toggle{display:none;border:none;background:transparent;cursor:pointer;padding:.25rem}.nav-toggle-line{display:block;width:20px;height:2px;background-color:var(--text-main);margin:4px 0;transition:transform .15s ease,opacity .15s ease}.nav-toggle-line.open:first-child{transform:translateY(3px) rotate(45deg)}.nav-toggle-line.open:last-child{transform:translateY(-3px) rotate(-45deg)}.nav-mobile{display:none;flex-direction:column;padding:.5rem 1.5rem 1rem;background:#0f172afa;border-top:1px solid rgba(148,163,184,.2)}.nav-mobile-link,.nav-mobile-cta{border:none;text-align:left;background:transparent;color:var(--text-main);font-size:.95rem;padding:.5rem 0;cursor:pointer}.nav-mobile-cta{margin-top:.5rem;border-radius:999px;border:1px solid rgba(250,204,21,.5);background:#0f172ae6;padding:.5rem .9rem;align-self:flex-start}@media(max-width:768px){.nav-desktop{display:none}.nav-toggle{display:block}.nav-mobile{display:flex}.header-inner{padding-inline:1rem}}.home-root{background:radial-gradient(circle at top,#020617 0% 45%,#020617)}.hero-section{padding-top:4.5rem;padding-bottom:3rem}.hero-inner{display:flex;flex-direction:column;gap:1.5rem}.hero-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.hero-title{font-size:2.1rem;line-height:1.2;margin:0 0 1rem}.hero-highlight{color:var(--accent)}.hero-body{max-width:40rem;color:var(--text-muted);line-height:1.7}.alt-section{background-color:var(--bg-surface-alt)}.pill{padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);background-color:#0f172ae6;font-size:.8rem;color:var(--text-main)}@media(min-width:992px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pub-list{list-style:none;margin:2rem 0 0;padding:0;display:flex;flex-direction:column;gap:1.4rem}.pub-item{padding-left:1.1rem;border-left:2px solid var(--accent);opacity:.92}.pub-title{display:block;font-weight:600;color:var(--text-main);font-size:1rem;margin-bottom:.25rem;line-height:1.45}.pub-venue{display:block;font-style:italic;color:var(--text-muted);font-size:.9rem;line-height:1.35}.pub-item:hover{border-left-color:var(--text-main);opacity:1;transition:.2s ease}.pill-grid{display:flex;flex-wrap:wrap;gap:.6rem}.pill-button{padding:.4rem .85rem;border-radius:999px;border:1px solid rgba(148,163,184,.45);background-color:#0f172ae6;font-size:.8rem;color:var(--text-main);cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;transform:translateY(4px);opacity:0;animation:tech-pill-enter .45s ease-out forwards;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.pill-button:hover{border-color:var(--accent);transform:translateY(0);box-shadow:0 6px 18px #0f172aa6}.pill-button-active{background:linear-gradient(135deg,#2563eb66,#3b82f633);border-color:var(--accent);box-shadow:0 8px 24px #0f172ad9;transform:translateY(0)}@keyframes tech-pill-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(4px)}}.tech-detail{margin-top:1.75rem;padding:1.1rem 1.25rem;border-radius:.75rem;background:radial-gradient(circle at top left,#2563eb29,#0f172ae6);border:1px solid rgba(148,163,184,.4);display:flex;align-items:flex-start;gap:.9rem;animation:tech-detail-enter .35s ease-out}.tech-icon{width:2.2rem;height:2.2rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172ae6;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.tech-detail-text{display:flex;flex-direction:column;gap:.15rem}.tech-detail-title{font-size:.98rem;margin:0;color:var(--text-main)}.tech-detail-body{margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.5}@keyframes tech-detail-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tech-icon i{font-size:1.4rem;filter:grayscale(1) brightness(1.3);color:var(--accent)}.demos-page{background:radial-gradient(circle at top,#020617,#020617 50%,#020617)}.demos-grid .card,.demos-detail-card{background-color:var(--bg-surface)}.slider-block{display:flex;flex-direction:column;align-items:stretch;margin:2rem 0;width:100%}.slider-block label{display:block;margin-bottom:.75rem;font-size:1rem}.slider-block input[type=range]{width:100%;display:block}.slider-hint{display:block;margin-top:.25rem;opacity:.8;font-size:.9rem}.primary-btn{background:#ffb703;color:#111;padding:.9rem 1.6rem;border-radius:10px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.primary-btn:hover{background:#fb8500;transform:translateY(-2px)}.primary-btn:active{transform:translateY(0)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.response-box{margin-top:2rem;padding:1.5rem;background:#1e293b;border-radius:12px;line-height:1.6;overflow:hidden}.response-pre{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;margin:0}.site-footer{border-top:1px solid rgba(148,163,184,.3);background:radial-gradient(circle at top,#0f172af2,#020617);padding:1rem 1.5rem 1.5rem}.footer-inner{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--text-muted)}.footer-sub{font-size:.75rem;color:#6b7280}.footer-links{display:flex;gap:.5rem;font-size:.75rem;margin-top:.2rem;color:#94a3b8}.footer-links a{color:#94a3b8;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-divider{color:#6b7280}.privacy-page{padding-top:4rem;padding-bottom:4rem;background-color:#f5f5f7}.privacy-inner{max-width:900px;margin:0 auto}.privacy-content{margin-top:2rem;background-color:#fff;border-radius:12px;padding:2rem 2.5rem;box-shadow:0 8px 18px #0000000f;line-height:1.6;font-size:.95rem;color:#222}.privacy-content section+section{margin-top:1.75rem}.privacy-content h2{font-size:1.1rem;margin-bottom:.5rem;font-weight:600;color:#111}.privacy-content p{margin:.4rem 0}.privacy-content ul{margin:.5rem 0 .75rem 1.25rem;padding-left:0}.privacy-content li{margin-bottom:.25rem}.privacy-content a{color:#0056b3;text-decoration:underline;text-underline-offset:2px}.privacy-page .section-subtitle{color:#444}@media(max-width:768px){.privacy-content{padding:1.5rem 1.25rem;border-radius:10px}.privacy-content h2{font-size:1rem}}.privacy-page .section-title{color:#111!important;font-weight:700;font-size:2rem;letter-spacing:-.2px}.terms-page{padding-top:4rem;padding-bottom:4rem;background-color:#f5f5f7}.terms-inner{max-width:900px;margin:0 auto}.terms-content{margin-top:2rem;background-color:#fff;border-radius:12px;padding:2rem 2.5rem;box-shadow:0 8px 18px #0000000f;line-height:1.6;font-size:.95rem;color:#222}.terms-content section+section{margin-top:1.75rem}.terms-content h2{font-size:1.1rem;margin-bottom:.5rem;font-weight:600;color:#111}.terms-content p{margin:.4rem 0}.terms-content ul{margin:.5rem 0 .75rem 1.25rem}.terms-content li{margin-bottom:.25rem}.terms-content a{color:#0056b3;text-decoration:underline;text-underline-offset:2px}.terms-page .section-title{color:#111!important;font-weight:700}@media(max-width:768px){.terms-content{padding:1.5rem 1.25rem}.terms-content h2{font-size:1rem}}.terms-page .section-subtitle{color:#444!important}.kafka-section .section-inner{max-width:1100px}.kafka-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.kafka-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.kbtn{border:1px solid var(--border-subtle);background:var(--bg-surface-alt);color:var(--text-main);padding:.55rem .85rem;border-radius:10px;font-size:.9rem;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.kbtn:hover{transform:translateY(-1px);border-color:#facc1559;background:#facc150f}.kbtn:disabled{opacity:.6;cursor:not-allowed;transform:none}.kbtn-primary{border-color:#facc1559;background:#facc151f}.kbtn-success{border-color:#22c55e59;background:#22c55e1a}.kbtn-danger{border-color:#f8717159;background:#f871711a}.kbtn-ghost{background:transparent}.kafka-status-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(min-width:900px){.kafka-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.kafka-status-item{border:1px solid var(--border-subtle);background:#11182759;border-radius:12px;padding:.9rem;display:flex;gap:.65rem;align-items:center}.kafka-label{font-size:.75rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.kafka-value{font-size:1rem;font-weight:650}.kdot{width:10px;height:10px;border-radius:999px;margin-top:2px;flex:0 0 auto;box-shadow:0 0 0 3px #facc151a}.kdot-ok{background:#22c55ee6}.kdot-bad{background:#f87171e6}.kafka-error{margin-top:.75rem;color:var(--danger);font-weight:600;background:#f8717114;border-left:3px solid var(--danger);padding:.6rem .8rem;border-radius:8px}.kafka-success{margin-top:.75rem;color:var(--accent);background:#facc1514;border-left:3px solid rgba(250,204,21,.55);padding:.6rem .8rem;border-radius:8px}.kform{margin-top:1rem;display:grid;gap:1rem}.kform-row{display:grid;gap:.45rem}.kform-2col{display:grid;gap:1rem}@media(min-width:768px){.kform-2col{grid-template-columns:repeat(2,minmax(0,1fr))}}.klabel{font-size:.85rem;color:var(--text-main);font-weight:600}.kinput{width:100%;border:1px solid var(--border-subtle);background:#0b1120e6;color:var(--text-main);border-radius:10px;padding:.6rem .7rem;outline:none}.kinput:focus{border-color:#facc1573;box-shadow:0 0 0 3px #facc151a}.khelp{font-size:.8rem;color:var(--text-muted)}.kafka-bank-card{padding:1.2rem}.kafka-bank-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.kafka-bank-sub{margin-top:.15rem;color:var(--text-muted);font-size:.9rem}.kafka-badge{border:1px solid rgba(148,163,184,.25);background:#0f172aa6;border-radius:999px;padding:.25rem .6rem;font-size:.8rem;color:var(--text-main);white-space:nowrap}.kafka-table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:10px}.kafka-table{width:100%;border-collapse:collapse;font-size:.9rem}.kafka-table thead th{text-align:left;padding:.6rem .7rem;background:#111827a6;color:var(--text-muted);font-weight:650}.kafka-table tbody td{padding:.6rem .7rem;border-top:1px solid rgba(31,41,55,.75)}.kmono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.kright{text-align:right}.kaccent{color:var(--accent);font-weight:700}.bank-icon-wrap{width:34px;height:34px;border-radius:10px;border:1px solid rgba(250,204,21,.28);background:#facc1514;display:inline-flex;align-items:center;justify-content:center;margin-right:.65rem;flex:0 0 auto}.bank-icon{width:18px;height:18px;color:var(--accent);opacity:.95}.kafka-bank-title{display:flex;align-items:center;gap:.2rem}.kform-narrow{max-width:560px;margin:0 auto}.ktitle-with-icon{display:flex;align-items:center;gap:.75rem}.event-icon-wrap{width:36px;height:36px;border-radius:12px;border:1px solid rgba(147,197,253,.25);background:#93c5fd1a;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.event-icon{width:18px;height:18px;color:var(--link)}