.demo-root{--demo-brand:#00b8a9;--demo-brand-600:#00a093;--demo-brand-soft:#e4f7f5;--demo-navy:#0f4c81;--demo-navy-soft:#e7eef6;--demo-success:#10b981;--demo-success-soft:#e6f7f0;--demo-amber:#f59e0b;--demo-amber-soft:#fef3e2;--demo-danger:#ef4444;--demo-danger-soft:#fdecec;--demo-page:#f5f7fa;--demo-surface:#fff;--demo-subtle:#f8fafc;--demo-border:#e5e7eb;--demo-border-2:#eef1f5;--demo-ink:#0f172a;--demo-ink-2:#334155;--demo-muted:#6b7280;--demo-muted-2:#9ca3af;--demo-r:14px;--demo-r-sm:10px;--demo-r-pill:999px;--demo-sh-1:0 1px 2px #0f172a0a;--demo-sh-2:0 2px 6px #0f172a0d, 0 1px 2px #0f172a0a;--demo-sh-3:0 10px 24px #0f172a14, 0 2px 6px #0f172a0a;--demo-gap:20px;--demo-pad:22px;--demo-ease:cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box}.demo-root{font-family:var(--font-sans,"Inter"),system-ui,-apple-system,"Segoe UI",sans-serif;color:#0f172a;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f5f7fa;margin:0}.demo-track{height:420vh;position:relative}.demo-sticky{justify-content:center;align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.demo-sticky .stage{width:100%;height:100%;min-height:0;padding:28px 24px 56px}.demo-scroll-hint{z-index:5;letter-spacing:.22em;text-transform:uppercase;color:#0f172a6b;pointer-events:none;flex-direction:column;align-items:center;gap:8px;font-size:11px;transition:opacity .35s;display:flex;position:absolute;bottom:28px;left:50%;translate:-50%}.demo-scroll-hint span{background:linear-gradient(#2bbfc8e6,#0000);width:1.5px;height:34px;animation:1.8s ease-in-out infinite demoHintDrop}@keyframes demoHintDrop{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}@media (min-width:761px){.demo-scroll-hint{display:none}}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%}.mono{font-variant-numeric:tabular-nums;letter-spacing:-.1px}.ta-r{text-align:right}.text-success{color:var(--demo-success)!important}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--demo-brand);outline-offset:2px;border-radius:6px}.stage{justify-content:center;align-items:center;display:flex}.dash{background:var(--demo-page);min-height:100%;color:var(--demo-ink);font-size:14px;line-height:1.5}.topbar{z-index:30;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--demo-border);background:#ffffffeb;position:sticky;top:0}.topbar__inner{align-items:center;gap:22px;height:64px;padding:0 26px;display:flex}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand__mark{background:linear-gradient(135deg,var(--demo-brand) 0%,var(--demo-navy) 130%);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:16px;display:grid;box-shadow:0 4px 10px -3px #00b8a98c}.brand__text{letter-spacing:-.4px;font-size:17px;font-weight:700}.brand__dot{color:var(--demo-brand)}.mainnav{align-items:center;gap:4px;display:flex}.mainnav__link{color:var(--demo-muted);transition:color .18s var(--demo-ease), background .18s var(--demo-ease);white-space:nowrap;border-radius:9px;padding:8px 14px;font-size:13.5px;font-weight:500;position:relative}.mainnav__link:hover{color:var(--demo-ink);background:var(--demo-subtle)}.mainnav__link.is-active{color:var(--demo-navy);background:var(--demo-navy-soft);font-weight:600}.topbar__right{align-items:center;gap:12px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--demo-border);background:var(--demo-surface);width:36px;height:36px;color:var(--demo-ink-2);cursor:pointer;transition:background .18s var(--demo-ease), border-color .18s var(--demo-ease), transform .18s var(--demo-ease);border-radius:10px;place-items:center;font-size:15px;display:grid;position:relative}.icon-btn:hover{background:var(--demo-subtle);border-color:#d8dde4;transform:translateY(-1px)}.icon-btn__badge{background:var(--demo-danger);color:#fff;border-radius:var(--demo-r-pill);border:2px solid var(--demo-surface);place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-5px;right:-5px}.searchbox{background:var(--demo-subtle);border:1px solid var(--demo-border);width:270px;height:36px;color:var(--demo-muted);transition:border-color .18s var(--demo-ease), background .18s var(--demo-ease);border-radius:10px;align-items:center;gap:8px;padding:0 10px 0 12px;display:flex}.searchbox:focus-within{background:var(--demo-surface);border-color:var(--demo-brand);box-shadow:0 0 0 3px #00b8a91f}.searchbox i{font-size:14px}.searchbox input{min-width:0;color:var(--demo-ink);background:0 0;border:0;outline:none;flex:1;font-size:13px}.searchbox input::placeholder{color:var(--demo-muted-2)}.searchbox kbd{color:var(--demo-muted);background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:5px;padding:2px 5px;font-family:inherit;font-size:10px;font-weight:600}.notif{position:relative}.notif__panel{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:var(--demo-r);width:300px;box-shadow:var(--demo-sh-3);opacity:0;visibility:hidden;transition:opacity .18s var(--demo-ease), transform .18s var(--demo-ease), visibility .18s;position:absolute;top:46px;right:0;overflow:hidden;transform:translateY(-6px)}.notif__panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}.notif__head{border-bottom:1px solid var(--demo-border-2);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.notif__item{border-bottom:1px solid var(--demo-border-2);transition:background .16s var(--demo-ease);align-items:flex-start;gap:10px;padding:11px 14px;display:flex}.notif__item:hover{background:var(--demo-subtle)}.notif__item strong{font-size:12.5px;font-weight:600;display:block}.notif__item small{color:var(--demo-muted);font-size:11.5px}.notif__foot{text-align:center;padding:10px 14px}.notif__foot a{color:var(--demo-brand);font-size:12.5px;font-weight:600}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.dot--success{background:var(--demo-success)}.dot--brand{background:var(--demo-brand)}.dot--warn{background:var(--demo-amber)}.user{cursor:pointer;transition:background .18s var(--demo-ease);border-radius:10px;align-items:center;gap:9px;padding:4px 8px 4px 4px;display:flex}.user:hover{background:var(--demo-subtle)}.avatar{background:linear-gradient(135deg,var(--demo-navy),#1c6fb0);color:#fff;letter-spacing:.3px;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.avatar--sq{background:linear-gradient(135deg,var(--demo-brand-soft),#d6eef1);width:30px;height:30px;color:var(--demo-navy);border-radius:9px;font-size:11px}.user__meta{flex-direction:column;line-height:1.25;display:flex}.user__name{font-size:13px;font-weight:600}.user__role{color:var(--demo-muted);font-size:11px}.user__caret{color:var(--demo-muted-2);font-size:11px}.page{gap:var(--demo-gap);flex-direction:column;padding:24px 26px 34px;display:flex}.card-surface{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:var(--demo-r);box-shadow:var(--demo-sh-2);padding:var(--demo-pad);transition:box-shadow .25s var(--demo-ease), transform .25s var(--demo-ease), border-color .25s var(--demo-ease)}.card-surface:hover{box-shadow:var(--demo-sh-3);border-color:#dde2e9;transform:translateY(-2px)}.card-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.card-head__tools{align-items:center;gap:10px;display:flex}.card-title{letter-spacing:-.2px;margin:0;font-size:15px;font-weight:700}.card-sub{color:var(--demo-muted);margin:3px 0 0;font-size:12px}.grid{gap:var(--demo-gap);display:grid}.grid--8-4{grid-template-columns:minmax(0,2.05fr) minmax(0,1fr);align-items:start}.reveal{opacity:0;transition:opacity .55s var(--demo-ease), transform .55s var(--demo-ease);transform:translateY(14px)}.reveal.is-in{opacity:1;transform:none}.welcome{background:linear-gradient(100deg,#fff 0%,#fbfdfd 52%,#f2fafa 100%);justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;display:flex;position:relative;overflow:hidden}.welcome:hover{transform:none}.welcome__rings{pointer-events:none;position:absolute;inset:0}.welcome__rings span{border:1px solid #00b8a929;border-radius:50%;position:absolute;top:50%;right:-90px;transform:translateY(-50%)}.welcome__rings span:first-child{width:150px;height:150px}.welcome__rings span:nth-child(2){border-color:#00b8a91f;width:250px;height:250px}.welcome__rings span:nth-child(3){border-color:#0f4c8114;width:350px;height:350px}.welcome__rings span:nth-child(4){border-color:#0f4c810f;width:460px;height:460px}.welcome__body{z-index:1;min-width:0;position:relative}.welcome__greeting{color:var(--demo-muted);letter-spacing:.1px;margin:0 0 6px;font-size:13px;font-weight:500}.welcome__company{letter-spacing:-.6px;text-transform:uppercase;color:var(--demo-ink);margin:0;font-size:24px;font-weight:800;line-height:1.2}.welcome__tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tag{color:var(--demo-ink-2);background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:var(--demo-r-pill);align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:500;display:inline-flex}.tag i{color:var(--demo-muted);font-size:12px}.tag--verified{background:var(--demo-success-soft);color:#0b7a57;border-color:#cbeedf}.tag--verified i{color:var(--demo-success)}.welcome__actions{z-index:1;flex-shrink:0;gap:10px;display:flex;position:relative}.btn-primary,.btn-ghost{cursor:pointer;height:38px;transition:transform .18s var(--demo-ease), box-shadow .18s var(--demo-ease), background .18s var(--demo-ease), border-color .18s var(--demo-ease);border-radius:10px;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{border:1px solid var(--demo-brand-600);background:linear-gradient(180deg,var(--demo-brand) 0%,var(--demo-brand-600) 100%);color:#fff;box-shadow:0 4px 12px -4px #00b8a999}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px -6px #00b8a9b3}.btn-primary--block{justify-content:center;width:100%;margin-top:16px}.btn-ghost{border:1px solid var(--demo-border);background:var(--demo-surface);color:var(--demo-ink-2)}.btn-ghost:hover{background:var(--demo-subtle);border-color:#d8dde4;transform:translateY(-1px)}.btn-ghost--sm{height:32px;padding:0 12px;font-size:12px}.linkbtn{color:var(--demo-brand);cursor:pointer;transition:color .18s var(--demo-ease);background:0 0;border:0;padding:0;font-size:12.5px;font-weight:600}.linkbtn:hover{color:var(--demo-brand-600);text-decoration:underline}.chip{border-radius:var(--demo-r-pill);background:var(--demo-subtle);border:1px solid var(--demo-border);color:var(--demo-ink-2);white-space:nowrap;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.chip--success{background:var(--demo-success-soft);color:#0b7a57;border-color:#cbeedf}.chip--brand{background:var(--demo-brand-soft);color:#00776d;border-color:#c9edea}.health:hover{transform:none}.scores{gap:var(--demo-gap);grid-template-columns:1fr 1fr;display:grid}.score{text-align:center;border:1px solid var(--demo-border-2);border-radius:var(--demo-r);transition:border-color .25s var(--demo-ease), box-shadow .25s var(--demo-ease);background:linear-gradient(#fcfdfe 0%,#f8fafc 100%);padding:22px 18px 20px}.score:hover{box-shadow:var(--demo-sh-1);border-color:#d9e1e9}.score__ring{width:152px;height:152px;margin:0 auto 14px;position:relative}.ring{width:100%;height:100%;display:block}.ring__track{stroke:#e3e8ef}.ring__value{transition:stroke-dashoffset 1.4s var(--demo-ease);stroke-linecap:butt}.ring__value--brand{stroke:var(--demo-brand)}.ring__value--navy{stroke:var(--demo-navy)}.score__center{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.score__num{letter-spacing:-1.4px;font-size:38px;font-weight:800;line-height:1}.score__den{color:var(--demo-muted-2);font-size:11px;font-weight:500}.score__label{color:var(--demo-ink-2);margin:0;font-size:13px;font-weight:600}.score__state{color:var(--demo-success);margin:3px 0 0;font-size:13.5px;font-weight:700}.score__note{color:var(--demo-muted);margin:6px 0 0;font-size:11.5px}.pills{gap:var(--demo-gap);margin-top:var(--demo-gap);padding-top:var(--demo-gap);border-top:1px dashed var(--demo-border);grid-template-columns:1fr 1fr;display:grid}.pill{border-radius:var(--demo-r-pill);background:var(--demo-subtle);transition:background .2s var(--demo-ease), border-color .2s var(--demo-ease);border:1px dashed #d9e1e9;align-items:center;gap:12px;padding:14px 16px;display:flex}.pill:hover{background:#f3f6fa;border-color:#c7d2de}.pill__icon{background:var(--demo-surface);border:1px solid var(--demo-border);width:38px;height:38px;color:var(--demo-navy);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;display:grid}.pill__body{flex-direction:column;min-width:0;display:flex}.pill__body strong{font-size:13px;font-weight:600}.pill__body small{color:var(--demo-muted);font-size:11.5px}.pill__tag{letter-spacing:.4px;text-transform:uppercase;color:var(--demo-amber);background:var(--demo-amber-soft);border-radius:var(--demo-r-pill);flex-shrink:0;margin-left:auto;padding:4px 10px;font-size:10.5px;font-weight:700}.stats{gap:var(--demo-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat{padding:20px}.stat__icon{border-radius:11px;place-items:center;width:40px;height:40px;margin-bottom:14px;font-size:17px;display:grid}.stat__icon--brand{background:var(--demo-brand-soft);color:var(--demo-brand-600)}.stat__icon--navy{background:var(--demo-navy-soft);color:var(--demo-navy)}.stat__icon--amber{background:var(--demo-amber-soft);color:#b77407}.stat__icon--success{background:var(--demo-success-soft);color:#0b7a57}.stat__label{color:var(--demo-muted);margin:0;font-size:12.5px;font-weight:500}.stat__value{letter-spacing:-1.2px;margin:4px 0 8px;font-size:32px;font-weight:800;line-height:1}.stat__foot{color:var(--demo-muted);align-items:center;gap:6px;margin:0;font-size:11.5px;display:flex}.stat__foot i{font-size:12px}.delta{border-radius:var(--demo-r-pill);align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.delta--down{background:var(--demo-danger-soft);color:#c33232}.delta--up{background:var(--demo-success-soft);color:#0b7a57}.table-wrap{margin:0 -6px;padding:0 6px;overflow-x:auto}.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px}.tbl thead th{letter-spacing:.55px;text-transform:uppercase;color:var(--demo-muted-2);border-bottom:1px solid var(--demo-border);white-space:nowrap;text-align:left;padding:0 12px 10px;font-size:10.5px;font-weight:700}.tbl thead th.ta-r{text-align:right}.tbl tbody td{border-bottom:1px solid var(--demo-border-2);color:var(--demo-ink-2);vertical-align:middle;padding:13px 12px}.tbl tbody tr{transition:background .16s var(--demo-ease)}.tbl tbody tr:hover{background:var(--demo-subtle)}.tbl tbody tr:last-child td{border-bottom:0}.tbl__empty{color:var(--demo-muted);text-align:center;margin:16px 0 0;font-size:12.5px}.w-progress{width:130px}.cellu{align-items:center;gap:10px;display:flex}.cellu strong{color:var(--demo-ink);font-size:12.5px;font-weight:600;display:block}.cellu small{color:var(--demo-muted);font-size:11px}.rowacts{gap:6px;display:inline-flex}.ib{border:1px solid var(--demo-border);background:var(--demo-surface);width:28px;height:28px;color:var(--demo-muted);cursor:pointer;transition:all .18s var(--demo-ease);border-radius:8px;place-items:center;font-size:12px;display:grid}.ib:hover{color:var(--demo-brand-600);border-color:var(--demo-brand);background:var(--demo-brand-soft);transform:translateY(-1px)}.badge{border-radius:var(--demo-r-pill);white-space:nowrap;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.badge--brand{background:var(--demo-brand-soft);color:#00776d}.badge--navy{background:var(--demo-navy-soft);color:var(--demo-navy)}.badge--success{background:var(--demo-success-soft);color:#0b7a57}.badge--warn{background:var(--demo-amber-soft);color:#b77407}.badge--muted{color:var(--demo-muted);background:#f1f3f7}.rating{color:var(--demo-ink);align-items:center;gap:5px;font-weight:600;display:inline-flex}.rating i{color:var(--demo-amber);font-size:11px}.track{border-radius:var(--demo-r-pill);background:#edf1f5;height:8px;position:relative;overflow:hidden}.track--sm{height:6px}.fill{border-radius:var(--demo-r-pill);width:0;height:100%;transition:width 1.2s var(--demo-ease);display:block}.fill--brand{background:linear-gradient(90deg,var(--demo-brand),#3ed6c9)}.fill--navy{background:linear-gradient(90deg,var(--demo-navy),#2e7cb8)}.fill--success{background:linear-gradient(90deg,var(--demo-success),#4ed3a4)}.fill--amber{background:linear-gradient(90deg,var(--demo-amber),#fbc46a)}.fill--danger{background:linear-gradient(90deg,var(--demo-danger),#f58080)}.fill--muted{background:linear-gradient(90deg,#b6bec9,#d2d8e0)}.pct{color:var(--demo-muted);margin-top:5px;font-size:10.5px;font-weight:600;display:block}.bars{flex-direction:column;gap:16px;display:flex}.bar__top{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.bar__top span{color:var(--demo-ink-2);font-size:12.5px;font-weight:500}.bar__top b{font-size:13px;font-weight:700}.minifoot{border-top:1px solid var(--demo-border-2);grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;padding-top:16px;display:grid}.minifoot__k{color:var(--demo-muted);font-size:11px;display:block}.minifoot__v{margin-top:2px;font-size:15px;font-weight:700;display:block}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:var(--demo-border);width:2px;position:absolute;top:8px;bottom:14px;left:15px}.tl{gap:14px;padding-bottom:18px;display:flex;position:relative}.tl:last-child{padding-bottom:0}.tl__node{z-index:1;border:2px solid var(--demo-surface);width:32px;height:32px;box-shadow:0 0 0 1px var(--demo-border);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;display:grid;position:relative}.tl__node--success{background:var(--demo-success-soft);color:#0b7a57}.tl__node--brand{background:var(--demo-brand-soft);color:#00776d}.tl__node--navy{background:var(--demo-navy-soft);color:var(--demo-navy)}.tl__node--amber{background:var(--demo-amber-soft);color:#b77407}.tl__node--soft{background:var(--demo-subtle);color:var(--demo-muted)}.tl__body{min-width:0;padding-top:2px}.tl__body strong{font-size:12.5px;font-weight:600;display:block}.tl__body p{color:var(--demo-muted);margin:2px 0 0;font-size:11.5px;line-height:1.5}.tl__body time{color:var(--demo-muted-2);margin-top:4px;font-size:10.5px;font-weight:500;display:block}.segmented{background:var(--demo-subtle);border:1px solid var(--demo-border);border-radius:9px;padding:3px;display:inline-flex}.segmented button{color:var(--demo-muted);cursor:pointer;transition:all .18s var(--demo-ease);background:0 0;border:0;border-radius:7px;padding:5px 12px;font-size:11.5px;font-weight:600}.segmented button:hover{color:var(--demo-ink)}.segmented button.is-active{background:var(--demo-surface);color:var(--demo-navy);box-shadow:var(--demo-sh-1)}.legend{flex-wrap:wrap;gap:18px;margin-bottom:12px;display:flex}.legend__i{color:var(--demo-muted);align-items:center;gap:7px;font-size:11.5px;font-weight:500;display:inline-flex}.sw{border-radius:3px;width:10px;height:10px;display:inline-block}.sw--brand{background:var(--demo-brand)}.sw--navy{background:var(--demo-navy)}.sw--line{border-top:2px dashed var(--demo-muted-2);border-radius:0;width:14px;height:0}.chart{position:relative}.chart__svg{width:100%;height:230px;display:block;overflow:visible}.chart__grid line{stroke:var(--demo-border-2);stroke-width:1px}.chart__target{stroke:var(--demo-muted-2);stroke-width:1.5px;stroke-dasharray:5 5}.cb{transform-box:view-box;transform-origin:50% 228px;transition:transform .9s var(--demo-ease);transform:scaleY(0)}.cb.is-grown{transform:scaleY(1)}.cb--brand{fill:var(--demo-brand)}.cb--navy{fill:var(--demo-navy);opacity:.85}.chart__x{color:var(--demo-muted);text-align:center;grid-template-columns:repeat(6,1fr);margin-top:10px;padding:0 8px;font-size:11px;font-weight:500;display:grid}.chartfoot{border-top:1px solid var(--demo-border-2);grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;padding-top:16px;display:grid}.chartfoot__k{color:var(--demo-muted);font-size:11px;display:block}.chartfoot__v{margin-top:3px;font-size:14px;font-weight:700;display:block}.revs{flex-direction:column;gap:12px;display:flex}.rev{border:1px solid var(--demo-border-2);border-radius:var(--demo-r-sm);background:var(--demo-subtle);transition:border-color .2s var(--demo-ease), background .2s var(--demo-ease);padding:14px 16px}.rev:hover{background:#f3f6fa;border-color:#d9e1e9}.rev--hero{background:linear-gradient(135deg,#f1fbfa 0%,#eaf3fa 100%);border-color:#d5eeec}.rev__k{color:var(--demo-muted);font-size:11.5px;font-weight:500;display:block}.rev__v{letter-spacing:-.8px;margin-top:3px;font-size:22px;font-weight:800;display:block}.rev--hero .rev__v{font-size:26px}.rev__d{color:var(--demo-muted);align-items:center;gap:4px;margin-top:6px;font-size:11px;display:inline-flex}.spark{margin-top:16px}.spark svg{width:100%;height:70px;display:block}.spark__area{fill:#00b8a91a}.spark__line{fill:none;stroke:var(--demo-brand);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.dashfoot{color:var(--demo-muted-2);justify-content:space-between;align-items:center;padding-top:6px;font-size:11.5px;display:flex}.dashfoot__links{gap:16px;display:flex}.dashfoot__links a{transition:color .18s var(--demo-ease)}.dashfoot__links a:hover{color:var(--demo-brand)}.dash[data-theme=dark]{--page:#0b1220;--surface:#121b2b;--subtle:#18233a;--border:#24304a;--border-2:#1e2942;--ink:#f1f5f9;--ink-2:#cbd5e1;--muted:#94a3b8;--muted-2:#64748b;--brand-soft:#0c3a3b;--navy-soft:#14283f;--success-soft:#0d3b30;--amber-soft:#3a2c13;--danger-soft:#3b1a1a;--sh-2:0 2px 6px #0006;--sh-3:0 12px 28px #00000080}.dash[data-theme=dark] .topbar{background:#121b2beb}.dash[data-theme=dark] .welcome{background:linear-gradient(100deg,#121b2b 0%,#13202f 55%,#102a2c 100%)}.dash[data-theme=dark] .score{background:linear-gradient(#152033 0%,#121b2b 100%)}.dash[data-theme=dark] .ring__track{stroke:#24304a}.dash[data-theme=dark] .track{background:#24304a}.dash[data-theme=dark] .rev--hero{background:linear-gradient(135deg,#0e2f31 0%,#12233a 100%);border-color:#1b4446}.dash[data-theme=dark] .badge--muted{background:#1e2942}.dash[data-theme=dark] .avatar--sq{color:#7fd6d0;background:#14283f}.dash[data-theme=dark] .mainnav__link.is-active{color:#7fb8ec}.dash[data-theme=dark] .pill{background:var(--demo-subtle);border-color:#2c3a56}.dash[data-theme=dark] .segmented button.is-active{color:#7fb8ec}@media (max-width:1400px){.mac{width:88%}:root{--gap:16px;--pad:18px}.searchbox{width:210px}}@media (max-width:1200px){.mac{width:94%}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--8-4{grid-template-columns:minmax(0,1fr)}.searchbox{width:170px}.searchbox kbd{display:none}.mainnav__link{padding:8px 10px;font-size:13px}}@media (max-width:991.98px){.demo-sticky .stage{padding:16px 12px 56px}.mac{width:100%;max-width:none}.mac__lid{padding:0 11px}.mac__screen{aspect-ratio:16/10}}@media (max-width:767.98px){.page{padding:16px 14px 26px}.topbar__inner{gap:10px;padding:0 14px}.searchbox{width:100%;min-width:0}.scores,.pills,.stats{grid-template-columns:1fr}.welcome__company{font-size:19px}.chartfoot,.minifoot{grid-template-columns:1fr}.brand__text{display:none}}@media (max-width:575.98px){.searchbox{display:none}.score__ring{width:132px;height:132px}.score__num{font-size:32px}.stat__value{font-size:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}.reveal{opacity:1;transform:none}}