:root{--black:#08090b;--surface:#111317;--surface2:#191c21;--silver:#e6eaf0;--text:#f3f5f7;--muted:#aab2bd;--line:#3a414b;--shine:#c6d1dd}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--black);color:var(--text);font:1rem/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #e3f1ff;outline-offset:3px}
.app{min-height:100dvh;max-width:1160px;margin:auto;background:#0e1013;box-shadow:0 0 70px #030405;display:flex;flex-direction:column}
.bar{height:78px;background:#08090af5;color:#fff;border-bottom:1px solid #515b67;display:flex;align-items:center;padding:0 25px;gap:18px;position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}
.back,.info{border:1px solid #69737e;color:var(--silver);background:linear-gradient(145deg,#30353b,#0c0e11);width:38px;height:38px;border-radius:50%;font-size:1.3rem;display:grid;place-items:center}.back[hidden]{visibility:hidden}
.bar-logo{height:65px;width:138px;object-fit:cover;margin:auto;object-position:center}.bar .info{font-size:.95rem}
.intro{padding:35px 30px 30px;min-height:145px;background:linear-gradient(90deg,#060708f0 0%,#090b0dbe 55%,#08090a4d),url('chrome-flow.jpeg') center 48%/cover;border-bottom:1px solid #57616e}
.intro h1{margin:0;font:400 clamp(1.8rem,3.2vw,2.3rem) Georgia,serif;letter-spacing:.02em;color:#fff;text-shadow:0 2px 12px #000}.intro p{color:#d5dbe1;margin:5px 0;font-size:.9rem}
.quick-links{display:flex;justify-content:center;align-items:center;gap:12px;padding:10px 16px;background:#0c0f12;border-bottom:1px solid #3b444e}.quick-links a{width:44px;height:44px;flex:none;border:1px solid #aebbc8;border-radius:9px;background:linear-gradient(135deg,#f7f9fb,#cbd5df);color:#17202a;text-decoration:none;display:grid;place-items:center}.quick-links a:hover{background:#fff;box-shadow:0 0 16px #dce8f478}.quick-links a:focus-visible{outline:3px solid #e3f1ff;outline-offset:3px}.quick-links svg{width:25px;height:25px;display:block}.email-help{margin:0;padding:9px 28px;color:#dce5ed;background:#161a1f;font-size:.88rem}.email-help[hidden]{display:none}
.body{display:grid;grid-template-columns:218px 1fr;flex:1;min-height:0}
.side{background:linear-gradient(#0b0d10df,#0b0d10f5),url('chrome-facets.jpeg') center/cover;padding-bottom:90px;border-right:1px solid #48515c}.side button{display:block;width:100%;padding:19px 16px;text-align:left;border:0;border-bottom:1px solid #343b44;background:transparent;color:#d4d9df;font-size:.93rem}.side button:hover,.side button[aria-current=true]{background:linear-gradient(100deg,#b9c6d43d,#26303a85);color:#fff;box-shadow:inset 3px 0 #c8d5e1}
.content{padding:0 27px 112px;min-width:0}.search{margin:8px 0 21px;width:100%;padding:13px 16px;border:1px solid #4c5662;border-radius:9px;background:#1b1f25;color:#fff}.search::placeholder{color:#a9b1ba}.search:focus{background:#232832}
.section-label{font:400 1.85rem Georgia,serif;margin:21px 0 17px;color:#eaf0f6}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.tile{border:1px solid #626b76;padding:0;overflow:hidden;background:linear-gradient(135deg,#282d33,#111316);color:#f4f6f9;text-align:left;border-radius:10px;box-shadow:0 9px 25px #0008;display:flex;flex-direction:column;min-height:210px;transition:transform .18s,border-color .18s}.tile:hover{transform:translateY(-2px);border-color:#d2dbe4}.tile img{width:100%;aspect-ratio:1.28;object-fit:cover;filter:contrast(1.04) brightness(.82) saturate(1.05)}.tile span{font-size:.96rem;font-weight:650;padding:13px 14px;line-height:1.3}
.items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.item{background:linear-gradient(145deg,#22272d,#16191e);border:1px solid #424a54;border-radius:10px;padding:18px;text-align:left;color:var(--text);min-height:110px;display:flex;flex-direction:column;gap:6px;box-shadow:0 5px 14px #0005}.item:hover{border-color:#b7c6d5;background:#292f37}.item strong{font-size:1rem;line-height:1.35}.item small{color:#b7c0ca;font-size:.89rem;line-height:1.4}.item b{color:#e5edf5;margin-top:auto;padding-top:8px;font-weight:700}.empty{color:var(--muted)}
.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:1160px;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:10px 14px max(10px,env(safe-area-inset-bottom));background:#080a0def;backdrop-filter:blur(14px);border-top:1px solid #67717c;z-index:11}.bottom button{border:1px solid #c5d0dc;border-radius:10px;padding:12px 7px;background:linear-gradient(135deg,#f5f7fa,#cad4de);color:#131a22;font-size:.93rem}.bottom button[aria-selected=true]{background:linear-gradient(120deg,#fff,#e1e9f1 52%,#f7f9fc);border-color:#fff;color:#080d12;font-weight:700;box-shadow:0 0 0 2px #879bad,0 0 15px #e8f1fa75}.bottom .icon{font-size:1.1rem;margin-right:6px;color:inherit}
.footer{padding:18px 26px 100px;border-top:1px solid var(--line);color:var(--muted);font-size:.87rem}
dialog{border:1px solid #88939e;border-radius:13px;background:linear-gradient(145deg,#242a31,#101215);color:var(--text);max-width:min(440px,calc(100vw - 30px));width:100%;padding:25px;box-shadow:0 30px 90px #000d}dialog::backdrop{background:#020305c9}.close{border:0;background:none;color:#e3ebf3;font-size:1.8rem;float:right}.modal-label{color:#adb9c6;font-size:.9rem}.modal-name{font:400 1.8rem Georgia,serif;margin:14px 0}.modal-desc{color:#c0c8d1}.modal-price{color:#f1f5f9;font-weight:700}
@media(max-width:760px){.quick-links{padding:9px 16px;gap:12px}.app{box-shadow:none}.bar{height:66px;padding:0 16px}.bar-logo{height:56px;width:112px}.intro{padding:25px 17px 22px;min-height:120px}.body{display:block}.side{display:flex;overflow-x:auto;padding:0 16px;background:#111418;scrollbar-width:none;border-right:0;border-bottom:1px solid #343c45}.side button{flex:none;width:auto;color:#dce3eb;border:1px solid #525d69;border-radius:20px;padding:9px 14px;margin:9px 7px 10px 0;white-space:nowrap;background:#232830}.side button[aria-current=true]{color:#090d10;background:#dce5ed;box-shadow:none}.content{padding:0 16px 94px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tile{min-height:155px}.tile span{padding:11px;font-size:.9rem}.items{grid-template-columns:1fr}.bottom button{font-size:.86rem}.bottom .icon{display:block;margin:0 0 2px}.footer{padding:15px 16px 100px}}