/* Zonta Labs design language, observed at zontalabs.com on 2026-10-29. */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;450;500;550;600;650;700&family=Geist+Mono:wght@400;500;600&family=Newsreader:ital,wght@0,400;0,500;0,600;1,400&display=swap');
:root{font-family:Geist,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--bg:#f6f6f4;--surface:#fcfcfa;--surface-2:#f0f0ed;--ink:#232323;--muted:#6d6c66;--border:#deded7;--sidebar:#f6f6f4;--radius:3px;--shadow:none;background:var(--bg);color:var(--ink)}
h1,h2,h3,h4{font-family:Geist,sans-serif}h1,.connection-copy h2,.onb-form h1,.onb-story-copy h2{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-.8px}h1{font-size:34px}.page-heading p{font-size:12px;line-height:1.8}.connection-copy h2{font-size:36px}.eyebrow,.sidebar-section,.brand-sub,.brand-name span,.demo-badge,.badge,.footer-version,.breadcrumbs,.onb-eyebrow,.onb-story-eyebrow,.onb-top-label,th,.adm-inline-label,.protection-label{font-family:'Geist Mono',ui-monospace,monospace}.eyebrow,.sidebar-section{font-weight:400;letter-spacing:1px}.sidebar{border-right:1px solid var(--border);color:var(--muted)}.brand{color:var(--ink);padding-top:28px;gap:12px}.brand-mark{color:var(--ink)}.brand-mark img{width:30px;height:30px}.brand-name{font-family:Newsreader,Georgia,serif;text-transform:none;font-size:30px;font-weight:400;letter-spacing:-1px}.brand-name span{color:var(--muted);font-size:9px;letter-spacing:1px;font-weight:400}.brand-sub{color:var(--muted);font-size:8px;letter-spacing:1px}.workspace{color:var(--ink);border-color:var(--border);border-radius:2px;background:transparent}.workspace-icon{background:var(--surface-2);border-color:var(--border);border-radius:2px}.workspace small{color:var(--muted)}.sidebar-section{color:var(--muted);font-size:9px}.nav-item{color:var(--muted);border-radius:2px;min-height:39px;padding-top:10px;padding-bottom:10px;font-size:11px;gap:11px}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{color:var(--ink);background:#e8e8e3;font-weight:550}.nav-item.active:before{background:var(--ink);width:2px}.nav-item .nav-count{background:var(--border);color:var(--muted);border-radius:2px}.nav{min-height:0;overflow-y:auto}.sidebar-bottom{padding-top:15px}.sidebar-brand{border-top:1px solid var(--border);margin-top:14px;padding:20px 6px;color:var(--muted)}.sidebar-brand strong{color:var(--ink);font-size:15px;letter-spacing:-.7px;font-family:Geist,sans-serif;font-weight:650}.sidebar-brand strong span{font-weight:350}.publisher-mark{width:19px;height:19px}.publisher-logo{display:flex;align-items:center;gap:6px}.sidebar-brand>span:first-child{font-family:'Geist Mono',monospace;font-size:8px}.topbar{background:var(--bg)}.top-actions{gap:13px}.breadcrumbs{font-size:10px}.demo-badge{border-color:var(--border);background:transparent;color:var(--muted);border-radius:2px;font-size:8px}.demo-badge .dot{background:var(--muted)}.avatar{background:#e7e7e1;color:var(--ink);border-color:#d9d9d1;border-radius:3px;font-family:'Geist Mono',monospace;font-size:9px}.account-name{font-size:11px}.btn,.field,.toggle,.segmented,.segmented button,.icon-btn,.badge,.gateway-card,.secure-info,.resource-icon,.help-card,.modal,.modal-body pre,.scenario-btn,.compact-tray,.toast{border-radius:2px}.btn{font-family:Geist,sans-serif;font-size:11px;min-height:38px;box-shadow:none}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--bg);box-shadow:none}.btn-primary:hover{background:#454540;border-color:#454540}.btn-secondary:hover{background:var(--surface-2);border-color:#b8b8ad}.btn-text{color:var(--ink)}.btn-danger{color:#a43930}.badge{font-size:9px;letter-spacing:-.1px;font-weight:400}.connection-card{border-top:1px solid var(--border);position:relative}.connection-card:before{content:'';position:absolute;left:0;top:0;width:44px;height:2px;background:var(--ink)}.connection-copy>p{font-size:12px;line-height:1.8;max-width:310px}.connection-body{min-height:240px}.connection-actions{margin-top:21px}.connection-actions .btn{min-width:125px;height:41px}.connection-meta{background:var(--surface-2)}.connection-detail-footer{padding-top:9px;padding-bottom:9px}.connection-detail-footer>span{font-family:'Geist Mono',monospace;font-size:8px}.shield-art .shield-core{color:#777971}.shield-art.connected .shield-core{color:#356d51}.shield-orbit{border-color:var(--border)}.shield-mini{border-radius:2px;box-shadow:none}.card-header h2{font-weight:550;font-size:12px}.traffic-stat strong{font-family:Geist,sans-serif;font-weight:500}.chart-foot,.chart-x,.chart-y{font-family:'Geist Mono',monospace;font-size:8px}.legend i{background:#3b3b37}.gateway-card.selected{border-color:var(--ink);box-shadow:inset 0 2px var(--ink)}.gateway-card h3{font-family:Newsreader,Georgia,serif;font-size:25px;font-weight:400}.gateway-card:hover{box-shadow:none}.map-location{background:var(--ink);box-shadow:0 0 0 5px #2323230d,0 0 0 12px #23232305}.map-location:after{font-family:'Geist Mono',monospace;font-size:8px}.resource strong{font-weight:500}.help-card{border-style:solid}.toggle{background:#c8c8c0;border-radius:20px}.toggle[aria-checked=true]{background:var(--ink)}.tabs{gap:26px}.tab.active{border-color:var(--ink)}.stat-card{border-radius:2px}.stat-card>strong{font-family:Geist,sans-serif;font-weight:500}.stat-card>span{color:var(--muted)}.stats-grid{gap:14px}.onb-story{background:#292a26}.onb-brand-mark{background:transparent;color:#f6f6f4;border:1px solid #77786e;border-radius:2px}.onb-main{background:var(--surface)}.onb-story-copy h2{font-size:37px;font-weight:400}.onb-eyebrow,.onb-inline{color:var(--ink)}.onb-network-center{background:#383932;border-color:#73756b;color:#dfdfd7;border-radius:3px;box-shadow:none}.onb-network-center .icon{stroke-width:1}.onb-steps .current>span{border-color:var(--ink);color:var(--ink)}.onb-input-wrap:focus-within{border-color:var(--ink);box-shadow:none}.onboarding button:focus-visible,.onboarding input:focus-visible{outline-color:var(--ink)}.onb-actions>.btn{border-radius:2px}.modal-backdrop{background:#23232388;backdrop-filter:blur(3px)}.modal{border-radius:3px}.modal-header h2{font-family:Newsreader,Georgia,serif;font-size:24px;font-weight:400}.modal-body{font-size:12px}.modal-body p{line-height:1.9}.scenario-btn:hover{border-color:var(--ink);background:var(--surface-2)}.toast{background:var(--ink);color:var(--bg);box-shadow:0 3px 15px #0001}.banner{border-radius:2px}.crypto-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 23px;border-top:1px solid var(--border);background:var(--surface)}.crypto-summary h3{font-size:11px;font-weight:550;display:flex;gap:7px;align-items:center}.crypto-summary p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:5px;max-width:420px}.crypto-summary .badge{align-self:center}.identity-chip{font-family:'Geist Mono',monospace;font-size:8px;padding:6px 8px;border:1px solid var(--border);display:flex;align-items:center;gap:5px;letter-spacing:.2px}.identity-chip .icon{color:var(--green)}.admin-nav .nav{flex:1}.admin-nav .workspace{margin-bottom:16px}.admin-nav .sidebar-section{margin-bottom:7px}.admin-nav .sidebar-bottom{padding-top:10px}.admin-nav .sidebar-brand{padding-top:14px;padding-bottom:14px}.admin-nav .nav-item{padding-top:8px;padding-bottom:8px;min-height:34px}.admin-nav .sidebar-bottom .nav-item{min-height:36px}.adm-panel,.adm-warning,.adm-demo-banner,.adm-avatar,.adm-device-icon,.adm-route-box{border-radius:2px!important}.adm-chart-line{stroke:var(--ink)}
[data-theme=dark]{--bg:#1c1d1a;--surface:#242521;--surface-2:#292b25;--ink:#ededdf;--muted:#a6a79c;--border:#3b3d35;--sidebar:#1c1d1a;color:var(--ink);--red:#e9988a;--red-soft:#3a2926;--green:#9cc5a9;--green-soft:#28372a;--amber:#d2c29b;--amber-soft:#383426}[data-theme=dark] .nav-item.active{background:#35372f}[data-theme=dark] .nav-item:hover{background:var(--surface-2)}[data-theme=dark] .demo-badge{background:transparent;color:var(--muted);border-color:var(--border)}[data-theme=dark] .btn-primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}[data-theme=dark] .btn-primary:hover{background:#cecebf}[data-theme=dark] .avatar{background:#383a31;color:var(--ink);border-color:#4d4e44}[data-theme=dark] .publisher-mark,[data-theme=dark] .brand-mark img{filter:invert(1)}[data-theme=dark] .shield-art.connected .shield-core{color:var(--green)}
@media(min-width:1450px){.connection-copy h2{font-size:40px}}
@media(max-width:1180px){.connection-copy h2{font-size:31px}.admin-nav .brand{padding-top:20px;padding-bottom:18px}.sidebar-brand strong{font-size:13px}}
@media(max-width:700px){h1{font-size:30px}.identity-chip{display:none}.brand-name{font-size:30px}.connection-copy h2{font-size:30px}.crypto-summary{flex-direction:column;gap:10px}.crypto-summary .badge{align-self:flex-start}.top-actions{gap:7px}}