:root{--bg:#080c12;--side:#0a1017;--surface:#101720;--surface2:#151e29;--border:#26303a;--muted:#82909d;--text:#e8eef2;--gold:#d9ba79;--cyan:#63d7cc;--radius:14px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit} .hidden{display:none!important}
.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:253px;flex-shrink:0;padding:33px 19px 22px;background:linear-gradient(170deg,#0b1119,#090e14 75%);border-right:1px solid #1d2731;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 50px}.brand-mark{height:46px;width:46px;border-radius:13px;display:grid;place-items:center;border:1px solid #665438;background:linear-gradient(145deg,#2d2920,#0d171e);color:var(--gold);font-size:20px;font-weight:900;letter-spacing:-4px;padding-right:3px;box-shadow:inset 0 0 16px #e5ba7830}.brand-mark span{color:var(--cyan)}.brand-label{font-size:14px;font-weight:900;letter-spacing:2px;white-space:nowrap}.brand-label span{color:var(--gold)}.brand small{font-size:9px;letter-spacing:2px;color:#7c8995;display:block;margin-top:5px}.nav-label{font-weight:700;color:#5b6a78;font-size:10px;letter-spacing:2.2px;margin:0 10px 16px}.sidebar nav{display:grid;gap:6px;margin-bottom:33px}.nav-item{display:flex;align-items:center;gap:14px;width:100%;border:1px solid transparent;background:transparent;color:#91a0ac;padding:13px 15px;border-radius:9px;text-align:left;transition:.18s}.nav-item:hover{background:#141d27;color:white}.nav-item.active{border-color:#2b3d42;color:#ccece8;background:linear-gradient(90deg,#15312f,#111b24);box-shadow:inset 3px 0 0 var(--cyan)}.nav-ico{font-size:19px;width:21px;line-height:1;color:#829a9e}.nav-item.active .nav-ico{color:var(--cyan)}.vault-summary{display:flex;align-items:center;gap:11px;border:1px solid #27313c;border-radius:10px;padding:14px 12px;background:#121b25}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #63d7cc7a;flex-shrink:0}.vault-summary strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;max-width:164px}.vault-summary small{display:block;margin-top:5px;font-size:10px;color:#81909c}.sidebar-grow{flex:1}.sidebar-bottom{padding:12px 10px 0;border-top:1px solid #222d39}.sideline{font-size:9px;letter-spacing:1.1px;color:#7d9898;font-weight:800}.sideline span{color:var(--cyan)}.sidebar-bottom p{font-size:11px;color:#627584;line-height:1.7;margin:14px 0}.sidebar-bottom>small{color:#53616c;font-size:10px;letter-spacing:1px}
.main{min-width:0;width:100%;padding:0 clamp(24px,4vw,65px);position:relative;background:radial-gradient(ellipse at 75% 0%,#14202b 0%,transparent 34%),var(--bg)}.topbar{height:92px;border-bottom:1px solid #26303b;display:flex;align-items:center;justify-content:space-between;gap:18px}.breadcrumb{font-size:11px;font-weight:750;letter-spacing:2.2px;color:#687988}.breadcrumb span{color:#c9d5df}.top-actions{display:flex;align-items:center;gap:18px}.offline-pill{font-size:10px;letter-spacing:1.4px;color:#9ccdc5;font-weight:750}.offline-pill i{display:inline-block;background:var(--cyan);width:7px;height:7px;border-radius:50%;vertical-align:1px;margin-right:7px;box-shadow:0 0 12px #63d7cc90}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:9px;padding:12px 17px;font-weight:750;text-decoration:none;white-space:nowrap;transition:.18s}.btn-primary{background:#d4b775;color:#111820;border-color:#f3d69a;box-shadow:0 4px 22px #d4b77518}.btn-primary:hover{filter:brightness(1.1)}.btn-outline{border:1px solid #4a625e;background:#17302d;color:#b6e7df}.btn-outline:hover{background:#23443e}.btn span{font-weight:900;font-size:18px;line-height:1}.page-head{padding:46px 0 29px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:#ae9e79;font-weight:800;display:flex;align-items:center;gap:12px}.eyebrow.small{font-size:9px;letter-spacing:2px}.thin-line{width:24px;height:1px;background:var(--gold)}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px}h1{font-size:clamp(39px,4.8vw,68px);line-height:1.06;font-weight:780;letter-spacing:-2.9px;margin:23px 0 17px}h1 em{font-style:normal;color:var(--gold)}.deck{font-size:14px;color:#9caab6;line-height:1.8;max-width:600px;margin:0}.header-glyph{height:128px;width:190px;position:relative;display:grid;place-items:center;border-radius:50%;background:radial-gradient(ellipse,#122b31 10%,transparent 70%)}.header-glyph:before,.header-glyph:after{content:'';position:absolute;border:1px solid #42635b;border-radius:50%;inset:4px 20px;transform:rotate(-24deg);opacity:.5}.header-glyph:after{inset:19px 0;transform:rotate(23deg);border-color:#a8905a;opacity:.3}.header-glyph>span{color:#b2c9c5;font-weight:950;font-style:italic;font-size:62px;letter-spacing:-13px;transform:skewX(-9deg)}.header-glyph .g9{color:var(--gold)}.demo-banner{display:flex;align-items:center;gap:15px;border:1px solid #715938;background:#292317c9;border-radius:9px;padding:11px 16px;color:#d9ccaf;margin-bottom:23px;font-size:12px}.demo-tag{font-size:9px;letter-spacing:1.3px;color:#18140e;background:#d9ba79;padding:6px 8px;border-radius:5px;white-space:nowrap;font-weight:900}.demo-banner button{background:transparent;color:#bba886;border:0;margin-left:auto;white-space:nowrap}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:40px}.stat{min-height:142px;background:linear-gradient(145deg,#131c27,#0e151e);border:1px solid #27313b;border-radius:12px;padding:20px 19px}.stat-label{color:#94a5b1;font-size:9px;letter-spacing:1.5px;font-weight:900;display:flex;justify-content:space-between}.stat-label span{color:var(--gold);font-size:16px;line-height:.7}.stat-value{font-size:clamp(29px,3.5vw,46px);font-weight:780;letter-spacing:-1.8px;margin-top:21px;line-height:1}.stat-bottom{color:#748491;font-size:11px;margin-top:14px}.panel-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:0 0 18px}.panel-heading h2{font-size:26px;letter-spacing:-.6px;margin:9px 0 0}.text-link{border:0;background:none;color:var(--cyan);font-size:12px;font-weight:750;padding:10px 0}.text-link span{margin-left:7px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bench-card{border:1px solid #293540;border-radius:13px;background:#111a24;overflow:hidden;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;min-width:0}.bench-card:hover{transform:translateY(-3px);border-color:#729b8a;box-shadow:0 10px 35px #0004}.card-art{height:153px;background:radial-gradient(circle at 80% 40%,#21435a 0%,#142433 39%,#0d1824 70%);position:relative;overflow:hidden}.card-art::before{content:'';position:absolute;width:190px;height:190px;border:1px solid #5db6b55c;border-radius:50%;left:58%;top:-43%;box-shadow:0 0 0 19px #69c4ba09,0 0 0 43px #7bbed00a,0 0 0 75px #69c4ba04}.card-art::after{content:'';position:absolute;width:310px;height:1px;left:24%;top:55%;background:linear-gradient(90deg,transparent,#8bdbd45b,transparent);transform:rotate(-28deg)}.art-gpu{background:radial-gradient(circle at 80% 40%,#3d3847,#182331 40%,#111924)}.art-gpu::before{border-color:#c4a37478}.art-memory{background:radial-gradient(circle at 80% 40%,#24433f,#102327 47%,#101b23)}.art-label{position:absolute;left:18px;top:17px;border:1px solid #9dabb74a;color:#d5e2e6;background:#0a152398;padding:7px 9px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:1.5px}.art-year{position:absolute;right:17px;bottom:13px;font-size:51px;font-weight:900;letter-spacing:-3px;color:#ffffff16}.art-rings{position:absolute;left:29px;bottom:15px;color:#d4bc83;font-size:23px;font-weight:850;letter-spacing:-3px}.card-copy{padding:19px}.card-date{font-size:10px;color:#8ba1a9;letter-spacing:1.2px;font-weight:750}.card-title{font-size:17px;font-weight:780;margin:11px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-hardware{color:#8d9ba6;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-bottom{margin-top:18px;padding-top:14px;border-top:1px solid #29333f;display:flex;align-items:center;justify-content:space-between;gap:8px}.card-score{font-size:17px;color:var(--gold);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-media{color:#9abbb5;font-size:10px;white-space:nowrap}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.panel{position:relative;border:1px solid #29333f;background:linear-gradient(150deg,#121b25,#0e151e);border-radius:13px;padding:24px;overflow:hidden}.panel-top{display:flex;justify-content:space-between;gap:10px}.panel h3{font-size:20px;letter-spacing:-.5px;margin:16px 0 21px}.micro{font-size:9px;color:#8195a1;letter-spacing:1.3px}.families{display:flex;flex-direction:column;gap:18px}.family-item{display:grid;grid-template-columns:122px 1fr 34px;gap:13px;align-items:center;font-size:12px}.family-item>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a7b4c0}.bar{height:6px;border-radius:9px;background:#23303b;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#3a8d88,var(--cyan));border-radius:9px}.family-item>span:last-child{text-align:right;color:#d5c092;font-weight:800}.glow-panel{background:radial-gradient(ellipse at 80% 100%,#17413d,#101921 60%);min-height:285px}.glow-panel h3{max-width:280px;margin-top:25px}.glow-panel p{max-width:355px;color:#91a6ad;font-size:12px;line-height:1.8;position:relative;z-index:2}.glow-panel .btn{margin-top:12px;position:relative;z-index:2}.decorative-circles{position:absolute;border:1px solid #5da9a85a;border-radius:50%;width:240px;height:240px;right:-65px;bottom:-105px;box-shadow:0 0 0 25px #4a999813,0 0 0 65px #4a99980a}.footer{border-top:1px solid #26313d;padding:26px 0 33px;margin-top:60px;color:#627787;font-size:10px;font-weight:800;letter-spacing:1.5px}.footer span{color:var(--gold);padding:0 7px}
.toolbar{display:flex;gap:10px;align-items:center;margin:4px 0 22px;flex-wrap:wrap}.search,select{background:#111d27;border:1px solid #2b3b48;border-radius:9px;color:#d8e5e9;padding:13px 14px;outline:none}.search{flex:1;min-width:200px}.search:focus,select:focus{border-color:#63d7cc}.toolbar-count{font-size:11px;color:#8ca0ad}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.media-tile{border:1px solid #2a3844;border-radius:11px;background:#131e29;overflow:hidden;cursor:pointer;text-align:left;color:var(--text);padding:0}.media-tile:hover{border-color:var(--gold)}.media-image{width:100%;aspect-ratio:4/3;object-fit:cover;background:#182734;display:block}.media-fallback{width:100%;aspect-ratio:4/3;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#13212b,#13212b 12px,#172632 12px,#172632 24px);font-size:32px;color:#6b8f9f}.media-info{padding:12px}.media-info strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-info span{display:block;font-size:10px;color:#91a3ad;margin-top:7px}.integrity-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.integrity-box{padding:20px;background:#14202a;border:1px solid #2a3a45;border-radius:10px}.integrity-box small{display:block;color:#8aa1aa;letter-spacing:1px}.integrity-box strong{display:block;font-size:33px;margin-top:14px;color:var(--gold)}.list-row{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid #27343f;gap:12px}.list-row span{font-size:12px;color:#a5b3bd;word-break:break-all}.list-row strong{font-size:12px;color:#d7e1e4}.empty{border:1px dashed #3c4d56;border-radius:12px;padding:60px 20px;text-align:center;grid-column:1/-1;color:#9aabb4}.empty strong{display:block;color:#e4e7e9;font-size:18px;margin-bottom:9px}.empty p{max-width:540px;margin:0 auto;line-height:1.75}.modal-backdrop{position:fixed;inset:0;background:#020508c9;z-index:20;display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(8px)}.modal{position:relative;width:min(760px,100%);max-height:88vh;overflow:auto;background:#111b26;border:1px solid #48515b;border-radius:16px;padding:35px;box-shadow:0 30px 90px #0009}.modal-close{position:absolute;right:15px;top:12px;background:#24313d;border:0;color:#d9e9e9;width:33px;height:33px;border-radius:8px;font-size:23px}.modal h2{font-size:29px;margin:15px 0}.modal-sub{color:#95a6b1;margin-bottom:20px}.modal-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:23px 0}.modal-meta>div{padding:14px;border:1px solid #2a3a44;border-radius:9px}.modal-meta small{display:block;color:#79929d;margin-bottom:7px}.modal-meta strong{word-break:break-word}.modal-media{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.modal-media img{width:100%;border-radius:9px;object-fit:contain;max-height:300px;background:#000}.modal-raw{padding:13px;background:#08121b;white-space:pre-wrap;overflow:auto;max-height:240px;color:#a4b9c5;font-size:11px;border-radius:8px}.toast{position:fixed;bottom:24px;right:24px;z-index:30;background:#19322f;color:#d4f4eb;border:1px solid #4b8076;border-radius:10px;padding:15px 20px;box-shadow:0 15px 35px #0008;max-width:430px}
@media(max-width:1150px){.sidebar{width:210px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;height:auto;width:auto;padding:15px 16px;display:block}.brand{padding:0 0 12px}.sidebar nav{display:flex;overflow:auto;gap:3px;margin:0}.nav-item{font-size:11px;white-space:nowrap;padding:10px}.nav-label,.vault-summary,.sidebar-grow,.sidebar-bottom{display:none}.main{padding:0 17px}.topbar{height:75px}.offline-pill{display:none}.breadcrumb{font-size:9px}.btn{padding:10px}.page-head{padding:32px 0}.header-glyph{display:none}h1{font-size:43px;letter-spacing:-1.5px}.stats{gap:9px}.stat{min-height:132px;padding:16px}.stat-value{font-size:34px}.card-grid,.two-panels{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integrity-summary{grid-template-columns:1fr}.demo-banner{flex-wrap:wrap}.demo-banner button{margin-left:0}.modal{padding:23px}.footer{font-size:9px}}

/* v0.2 release installer CTA */
.app-download{font-size:12px;text-decoration:none;white-space:nowrap;padding:12px 16px;}
@media(max-width:700px){.offline-pill{display:none}.top-actions{gap:9px}.app-download{font-size:10px;padding:10px}.topbar{height:80px}}