:root{--ink:#1b2e49;--ink2:#36516e;--muted:#708099;--line:#dce5ee;--panel:#fff;--blue:#306cce;--blue-dark:#1b59b9;--ice:#eaf3ff;--background:#f7f9fc;--font:Inter,system-ui,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #6ca7ff;outline-offset:3px}.app{min-height:100vh;background:radial-gradient(ellipse at 46% 0,#f1f7ff 0,transparent 580px),var(--background)}.shell-width{max-width:1450px;margin-inline:auto;padding-inline:clamp(18px,3vw,48px)}.topbar{height:91px;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand,.topbar{display:flex;align-items:center}.brand{gap:19px;min-width:0}.brand-label{font-family:var(--font);font-size:33px;font-weight:700;letter-spacing:-1.8px;color:#152b46;white-space:nowrap}.brand-label span{color:#e73c42;margin-left:5px}.brand-line{height:32px;width:1px;background:#c9d6e7}.brand-note{font-size:15px;font-weight:550;color:#4c617b;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:11px}.account-chip,.ghost-btn,.icon-action{min-height:39px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 12px;color:#283c57;font-size:13px}.account-chip{font-family:ui-monospace,Consolas,monospace;font-size:12px}.account-dot{width:8px;height:8px;background:#4cba8d;border-radius:50%}.icon-action{width:40px;padding:0}.nav{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-top:14px;padding-bottom:15px;overflow:auto;scrollbar-width:thin}.nav-link{display:inline-flex;align-items:center;gap:9px;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:550;white-space:nowrap;color:#526986;transition:background .2s}.nav-link.selected,.nav-link:hover{background:#e2efff;color:#2360b9}.page-content{padding-top:35px;padding-bottom:54px}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:.13em;color:#6e85a2;font-weight:650;font-family:ui-monospace,Consolas,monospace}.detail-heading h1,.heading h1{font-size:clamp(25px,2.45vw,35px);line-height:1.2;margin:8px 0 9px;letter-spacing:-.04em;font-weight:650;color:#193452}.detail-heading p,.heading p{margin:0;color:#72829b;line-height:1.55}.demo-pill,.live-pill{font-family:ui-monospace,Consolas,monospace;display:inline-flex;align-items:center;gap:8px;padding:9px 11px;font-size:11px;letter-spacing:.01em;border-radius:9px;border:1px solid #d9e6f5;color:#506989;background:#eaf3ff;white-space:nowrap}.live-pill span{width:7px;height:7px;border-radius:50%;background:#37ab8d}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.dash-card{min-height:319px;display:flex;flex-direction:column;min-width:0;background:var(--panel);border:1px solid #d5e0ed;box-shadow:0 2px 9px rgba(39,77,116,.035);border-radius:20px;padding:25px 26px 22px}.card-head{display:flex;gap:17px;align-items:flex-start}.card-symbol{flex:none;border-radius:18px;background:linear-gradient(155deg,#e6f3ff,#f4f8fe);color:#3177d2;width:62px;height:62px;display:grid;place-items:center}.card-head h2{font-size:23px;font-weight:650;letter-spacing:-.05em;margin:0 0 6px}.card-head p{color:#6e8099;line-height:1.48;margin:0;max-width:410px;font-size:13.5px}.card-body{padding-left:79px;flex:1 1;padding-top:19px}.project-summary{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.summary-rows>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e7edf4;padding:10px 0;color:#516783;font-size:13px}.summary-rows>div strong{color:#203a5e;font:600 15px ui-monospace,Consolas,monospace}.inline-note{display:flex;align-items:flex-start;gap:9px;background:#f1f7ff;border:1px solid #e3efff;border-radius:12px;padding:14px;font-size:12px;line-height:1.55;color:#61758d}.inline-note svg{flex:none;color:#3377cb}.small-icon{color:#3377cb}.import-note{max-width:475px;margin-top:17px}.source-chips{display:flex;gap:7px;flex-wrap:wrap;padding-top:8px}.source-chips span{border:1px solid #dce6f2;background:#fafcff;color:#4c6481;border-radius:8px;font-size:12px;padding:8px 10px}.card-footer{padding-left:79px;display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:10px}.micro{font-size:11px;line-height:1.45;color:#8090a7;max-width:52%}.blue-button{min-height:42px;border:0;border-radius:9px;color:#fff;background:#2c72cf;padding:10px 16px;display:inline-flex;justify-content:center;align-items:center;gap:12px;white-space:nowrap;font-size:13px;font-weight:550;box-shadow:0 2px 5px rgba(28,100,190,.16)}.blue-button:hover{background:#1b5eb5}.stat-tiles{display:flex;gap:10px}.stat-tiles>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:1 1;min-width:0;border:1px solid #e0e9f2;background:#f8fbff;border-radius:11px;padding:12px 6px}.stat-tiles svg{color:#3d82d4}.stat-tiles b{font:600 19px ui-monospace,Consolas,monospace}.stat-tiles span{font-size:11px;color:#71839c;text-align:center}.six-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.six-tile{border:1px solid #e4ebf4;border-radius:10px;padding:11px 12px;background:#fbfdff;display:flex;flex-direction:column;gap:8px;min-width:0}.six-tile span{font-size:11.5px;color:#637a97;overflow-wrap:anywhere}.six-tile strong{font:600 17px ui-monospace,Consolas,monospace;color:#234c84}.connections{margin-top:27px;background:#fff;border:1px solid #d8e3ee;border-radius:20px;padding:24px 25px 19px}.section-row{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:21px}.section-row h2{margin:6px 0 0;font-size:24px;letter-spacing:-.04em}.section-row p{color:#7c8ba0;font-size:12px;line-height:1.6;max-width:520px;margin:0}.provider-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:11px;gap:11px}.provider{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid #dfe7f1;background:#f9fbfe;border-radius:12px;padding:14px 12px}.provider-mark{flex:none;display:grid;place-items:center;width:41px;height:39px;color:#1b365c;font-weight:700;font-size:19px;letter-spacing:-.1em}.provider-mark.orange{color:#e9663d}.provider-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.provider-copy b{font-size:12px;overflow-wrap:anywhere}.provider-state{font-size:10px;color:#8b9bb0}.provider-state.ok{color:#368f71}.connect-foot{justify-content:space-between;gap:12px;padding-top:18px;font-size:12px;color:#8c9bb0}.connect-foot,.connect-foot a{display:flex;align-items:center}.connect-foot a{gap:6px;color:#3271be;font-weight:550;white-space:nowrap}.bottom-panels{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-gap:13px;gap:13px;margin-top:22px}.compact-panel{min-height:89px;background:#fff;border:1px solid #dce6f0;border-radius:14px;padding:17px;display:flex;flex-direction:column;gap:5px;position:relative}.compact-panel b{font-size:14px}.compact-panel span{color:#76879f;font-size:12px}.compact-panel .quiet-status{color:#408e73}.link-panel svg{position:absolute;right:15px;top:17px;color:#4a7bb4}.footer{border-top:1px solid var(--line);padding-top:19px;padding-bottom:20px;justify-content:space-between;gap:15px;color:#7c8da4;font-size:12px}.footer,.footer-left{display:flex;align-items:center}.footer-left{gap:9px}.footer-logo{object-fit:contain;width:36px;height:36px}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-links a{display:inline-flex;align-items:center;gap:5px}.footer-links a:hover{color:#2f68b3}.section-page{max-width:1120px;margin:auto}.demo-message{display:inline-block;padding:8px 12px;border:1px solid #d7e6f7;border-radius:7px;background:#eff6ff;color:#53708c;font-size:12px;margin-bottom:18px}.detail-heading{margin-bottom:28px}.detail-heading h1{font-size:32px}.detail-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.detail-box{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;margin-bottom:18px;min-width:0}.detail-box h2{margin:0 0 12px;font-size:20px;letter-spacing:-.035em}.detail-box p{font-size:14px;color:#6a7f97;line-height:1.65}.detail-box>svg{color:#427fc7;margin-bottom:10px}.project-list{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.project-line{display:flex;align-items:center;gap:18px;padding:19px;border-bottom:1px solid var(--line)}.project-line:last-child{border-bottom:0}.project-line>svg:first-child{color:#4379bc}.project-line>span{flex:1 1;display:flex;flex-direction:column;gap:5px}.project-line b{font-size:15px}.project-line small{color:#8392a5}.project-line:hover{background:#f5f9ff}.project-line>svg:last-child{color:#648bb9}.create-form{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.create-form h2{margin:0 0 18px}.create-form p{font-size:12px;color:#8a99ac}.horizontal-form{display:flex;gap:10px}.horizontal-form input{flex:1 1;min-width:0}.create-form input,.import-link-form input,.login-form input{padding:12px 14px;background:#fff;border:1px solid #cad9e9;border-radius:8px;width:100%;font-size:14px}.callout{display:flex;gap:11px;background:#eff6ff;border:1px solid #d7e8fa;border-radius:12px;padding:15px;color:#54728f;font-size:13px;line-height:1.55;margin-top:17px}.callout svg{flex:none;color:#3673bb}.upload-form{display:grid;grid-gap:15px;gap:15px;margin-top:18px}.dropzone{background:#f8fbff;border:1px dashed #9ebfe8;border-radius:10px;padding:23px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#4b749f;font-size:13px;text-align:center}.dropzone input{max-width:245px;font-size:12px}.upload-form .blue-button{justify-self:start}.type-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);gap:12px}.type-list>div>span{display:flex;flex-direction:column;gap:3px}.type-list b{font-size:13px}.type-list small{color:#8b9ab0;font-size:11px}.type-list strong{font:600 15px ui-monospace,Consolas,monospace}.hint{font-size:12px!important;color:#8898a8!important}.flex-between{display:flex;justify-content:space-between;gap:15px;align-items:center}.flex-between h2{margin:0 0 16px}.subtle{font-size:12px;color:#8b9ab0}.knowledge-line{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 0}.knowledge-line h3{font-size:14px;font-weight:550;line-height:1.5;margin:5px 0}.knowledge-line small{color:#8d9baa}.label-inline{font-size:10px;color:#5488c3;text-transform:uppercase;letter-spacing:.06em}.status-badge{font-size:11px;white-space:nowrap;color:#8a743d;background:#fff6e4;border-radius:999px;padding:5px 9px}.status-badge.green{color:#348163;background:#e9f8ef}.empty{padding:28px;color:#8190a1}.import-link-form{display:grid;grid-gap:12px;gap:12px}.import-link-form label{font-size:12px;color:#5a7090}.import-link-form input{margin-top:7px}.import-link-form button{justify-self:start}.connection-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:14px 0;gap:10px}.connection-row strong{font-size:13px}.steps{display:flex;flex-wrap:wrap;gap:10px}.steps span{padding:12px;background:#f5f9fe;border-radius:9px;font-size:12px;color:#536e8c}.metric-row{display:grid;grid-template-columns:215px 1fr 110px;grid-gap:25px;gap:25px;align-items:center;border-top:1px solid #ebf0f5;padding:19px 0}.metric-row>div:first-child{display:flex;flex-direction:column;gap:5px}.metric-row strong{font-size:14px}.metric-row small{font-size:11px;color:#8492a6}.metric-bar{height:9px;background:#e8eef6;border-radius:99px;overflow:hidden}.metric-bar i{display:block;background:#4784d5;height:100%;border-radius:99px}.metric-row>span{text-align:right;font:500 13px ui-monospace,Consolas,monospace}.json-box{padding:18px;border-radius:12px;background:#f6f9fd;font-size:12px;max-height:300px;overflow:auto}.billing-panel{display:flex;gap:20px}.billing-value{font:650 25px Inter,system-ui,sans-serif;color:#316ec2}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);background:#fff}.auth-card{max-width:530px;width:100%;padding:65px 52px;margin:auto}.auth-brand{display:flex;gap:16px;align-items:center;color:#728399;font-size:13px}.auth-word{color:#153454;font-size:32px;font-weight:700;letter-spacing:-.055em}.auth-word span{color:#e53e46}.auth-card h1{font-size:32px;letter-spacing:-.055em;margin:62px 0 8px}.auth-card>p{color:#71839c;line-height:1.6}.login-form{margin-top:34px;display:grid;grid-gap:19px;gap:19px}.login-form label{display:grid;grid-gap:9px;gap:9px;color:#405a75;font-size:13px}.login-form .blue-button{margin-top:8px;justify-content:space-between}.auth-hint{font-size:13px}.auth-hint a{color:#2c73c7;text-decoration:underline}.auth-secure{font-size:11px}.auth-aside{background:linear-gradient(145deg,#ebf5ff,#e2effe);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px}.auth-visual{display:grid;place-items:center;width:min(100%,390px);aspect-ratio:1;border-radius:50%;border:1px solid #c8e0f7;background:radial-gradient(circle,#fff 0,#eaf5ff 100%)}.auth-visual img{object-fit:contain;width:68%;height:auto}.auth-aside h2{text-align:center;font-size:27px;line-height:1.38;letter-spacing:-.04em}.auth-aside p{color:#7286a0;text-align:center}.error-box{padding:13px;background:#ffeff0;border:1px solid #ffcad0;color:#b33343;border-radius:8px;font-size:13px}@media(max-width:1190px){.shell-width{padding-inline:24px}.dash-card{padding:22px}.card-body,.card-footer{padding-left:0}.project-summary{grid-template-columns:1fr}.inline-note{margin-top:4px}.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-line,.brand-note,.top-actions .account-chip{display:none}}@media(max-width:780px){.topbar{height:73px}.top-actions{gap:6px}.top-actions .ghost-btn{font-size:0;min-width:38px;padding:0}.top-actions .ghost-btn svg{width:18px;height:18px}.heading{align-items:flex-start}.heading-right{display:none}.dashboard-grid,.detail-two{grid-template-columns:1fr}.dash-card{min-height:300px}.card-body,.card-footer{padding-left:79px}.project-summary{grid-template-columns:1fr 1fr}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-panels{grid-template-columns:1fr 1fr}.bottom-panels .compact-panel:first-child{grid-column:span 2}.metric-row{grid-template-columns:170px 1fr 80px;gap:12px}.auth-page{grid-template-columns:1fr}.auth-aside{display:none}}@media(max-width:540px){.shell-width{padding-inline:16px}.brand-label{font-size:25px}.top-actions .ghost-btn:nth-of-type(2){display:none}.nav{padding-top:11px;padding-bottom:10px}.nav-link{padding:9px 11px;font-size:12px}.page-content{padding-top:24px}.heading{margin-bottom:19px}.heading h1{font-size:27px}.heading p{font-size:13px}.dashboard-grid{gap:13px}.dash-card{padding:19px 16px;min-height:unset}.card-head{gap:12px}.card-symbol{width:49px;height:49px;border-radius:13px}.card-head h2{font-size:20px}.card-head p{font-size:12px}.card-body,.card-footer{padding-left:0}.card-body{padding-top:16px}.project-summary{grid-template-columns:1fr}.card-footer{align-items:center;flex-direction:column;gap:12px}.card-footer .micro{max-width:none;align-self:flex-start}.blue-button{width:100%}.stat-tiles>div{padding:13px 4px}.stat-tiles span{font-size:10px}.six-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connections{padding:19px 15px}.section-row{flex-direction:column;align-items:flex-start;gap:9px}.provider-grid{grid-template-columns:1fr 1fr}.provider{padding:11px 8px}.provider-mark{width:28px;font-size:15px}.provider-copy b{font-size:11px}.connect-foot{flex-direction:column;align-items:flex-start}.bottom-panels{grid-template-columns:1fr}.bottom-panels .compact-panel:first-child{grid-column:auto}.footer{flex-direction:column;align-items:flex-start}.footer-links{gap:14px}.detail-box{padding:18px}.metric-row{grid-template-columns:1fr 55px;gap:8px}.metric-row .metric-bar{grid-column:1/3;grid-row:2}.metric-row>span{grid-column:2;grid-row:1}.horizontal-form,.knowledge-line{flex-direction:column}.knowledge-line{align-items:flex-start}.auth-card{padding:35px 23px}.auth-card h1{margin-top:50px}}