:root{--bg-color: #f5f4ef;--text-color: #000;--font-serif: "Playfair Display", serif;--font-mono: "Roboto Mono", monospace;--underline-color: #00000026;--underline-hover: #00000066;--card-bg: #ebeae2;--card-hover-bg: #e5e3da;--card-border: #00000014;--muted-text: #595850;--accent-tag: #727063}*{box-sizing:border-box;margin:0;padding:0}html{max-width:100%;overflow-y:scroll}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;max-width:100%;padding:60px 40px;font-size:14px;line-height:1.6;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}.container{max-width:900px;margin:0 auto}header{display:flex;justify-content:flex-start;align-items:baseline;gap:40px;margin-bottom:40px;flex-wrap:wrap}.logo{font-family:var(--font-serif);color:inherit;display:flex;align-items:center;gap:12px;font-size:26px;text-decoration:none;font-weight:600;letter-spacing:-.5px}.logo-sub{font-family:var(--font-mono);font-size:11px;font-weight:400;color:var(--muted-text);margin-left:6px;border-left:1px solid var(--underline-color);padding-left:8px;text-transform:uppercase;letter-spacing:.8px}.logo-img{border-radius:4px;width:auto;height:34px}nav{display:flex;gap:24px;align-items:baseline;flex-wrap:wrap}nav a{text-underline-offset:8px;text-decoration:underline 1px;text-decoration-color:var(--underline-color);color:inherit;font-size:13.5px;transition:text-decoration-color .2s}nav a:hover,nav a.active{text-decoration-color:var(--underline-hover);font-weight:600}.dropdown{display:inline-block;position:relative}.dropdown-trigger{color:inherit;font-family:inherit;font-size:13.5px;cursor:pointer;text-underline-offset:8px;text-decoration:underline 1px;text-decoration-color:var(--underline-color);background:0 0;border:none;display:flex;align-items:center;gap:6px;padding:0;transition:text-decoration-color .2s}.dropdown-trigger:hover,.dropdown:hover .dropdown-trigger{text-decoration-color:var(--underline-hover)}.dropdown-arrow{width:10px;height:10px;transition:transform .2s}.dropdown:hover .dropdown-arrow{transform:translateY(1px)}.dropdown-content{opacity:0;visibility:hidden;z-index:100;background-color:#ebeae2;border:1px solid #00000014;border-radius:6px;min-width:190px;padding:8px 0;transition:all .2s cubic-bezier(.16,1,.3,1);display:block;position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);box-shadow:0 4px 12px #0000000d}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(4px)}.dropdown-content a{padding:8px 16px;font-size:13px;text-decoration:none;display:block;transition:background-color .2s,color .2s}.dropdown-content a:hover{color:var(--text-color);background-color:#0000000d}main{display:flex;flex-direction:column;gap:36px}.hero-text{max-width:850px;margin-bottom:8px}.hero-text h1{font-family:var(--font-serif);font-size:30px;font-weight:500;line-height:1.25;margin-bottom:14px;letter-spacing:-.3px}.hero-text p{margin-bottom:12px;font-size:14.5px;color:#1a1a1a;line-height:1.65}.hero-subtitle{font-size:13.5px;color:var(--muted-text);margin-top:-6px;margin-bottom:16px;letter-spacing:.2px}.section-title{font-family:var(--font-mono);font-size:13.5px;font-weight:600;letter-spacing:.5px;margin:0 0 14px;text-transform:uppercase;color:#111;border-bottom:1px solid var(--underline-color);padding-bottom:6px}p{margin-bottom:12px}a.text-link,.service-link{text-underline-offset:4px;text-decoration:underline 1px;text-decoration-color:var(--underline-color);color:inherit;transition:text-decoration-color .2s}a.text-link:hover,.service-link:hover{text-decoration-color:var(--underline-hover)}.gxpchat-banner{color:inherit;background-color:var(--card-bg);border:1px solid #0000000f;border-radius:6px;display:flex;align-items:center;gap:16px;margin:0 0 32px;padding:16px 20px;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.gxpchat-banner:hover{background-color:var(--card-hover-bg);border-color:#00000026;transform:translateY(-1px)}.gxpchat-icon-container{background-color:#00000008;border-radius:6px;flex-shrink:0;display:flex;justify-content:center;align-items:center;width:42px;height:42px;transition:background-color .2s}.gxpchat-banner:hover .gxpchat-icon-container{background-color:#0000000f}.gxpchat-icon{fill:none;stroke:currentColor;stroke-width:1.5px;width:22px;height:22px}.gxpchat-content{display:flex;flex-direction:column;flex:1;gap:4px}.gxpchat-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gxpchat-title{font-family:var(--font-serif);font-size:15px;font-weight:600;line-height:1.2}.gxpchat-tag{text-transform:uppercase;letter-spacing:1.2px;color:var(--accent-tag);font-size:9px;font-weight:700}.gxpchat-desc{opacity:.85;font-size:12.5px;line-height:1.45}.gxpchat-cta{text-underline-offset:4px;text-decoration:underline 1px;text-decoration-color:var(--underline-color);white-space:nowrap;font-size:12.5px;font-weight:500;transition:text-decoration-color .2s}.gxpchat-banner:hover .gxpchat-cta{text-decoration-color:var(--underline-hover)}.gxpchat-cta-arrow{display:inline-block;transition:transform .2s}.gxpchat-banner:hover .gxpchat-cta-arrow{transform:translate(3px)}.callout-box{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;padding:20px 24px;margin:18px 0;font-size:13.5px;line-height:1.6}.callout-box h3,.callout-box h4{font-family:var(--font-serif);font-size:16px;font-weight:600;margin-bottom:8px}.table-wrapper{overflow-x:auto;margin:20px 0;border:1px solid #00000026;border-radius:6px;background-color:var(--bg-color)}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #0000001f;padding:12px 14px;vertical-align:top}tr:last-child td{border-bottom:none}th{background-color:#0000000a;font-weight:600;font-family:var(--font-mono);font-size:12px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}tbody tr:hover{background-color:#00000005}.badge{display:inline-block;font-family:var(--font-mono);font-size:11px;padding:2px 8px;border-radius:4px;background-color:#ebeae2;border:1px solid #00000018;color:#333;margin-right:4px;margin-bottom:4px;white-space:nowrap}.badge-tier1{background-color:#111;color:#fff;border-color:#111;font-weight:600}.badge-tier2{background-color:#ebeae2;border-color:#0003;font-weight:600}.badge-tier3{background-color:#f0efe8;border-color:#0002}.badge-tier4{background-color:#f7f6f0;color:#777;border-style:dashed}.badge-ai{background-color:#ebeae2;border:1px solid #00000044;font-weight:600}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;margin:20px 0}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.card:hover{background-color:var(--card-hover-bg);border-color:#00000026;transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.card-title{font-family:var(--font-serif);font-size:18px;font-weight:600;line-height:1.25;color:#000}.card-subtitle{font-size:11.5px;color:var(--muted-text);font-family:var(--font-mono)}.card-body{font-size:13px;line-height:1.55;color:#222;flex:1}.card-footer{margin-top:auto;padding-top:12px;border-top:1px solid #00000010;font-size:12px;display:flex;flex-direction:column;gap:6px}.card-meta{font-size:11.5px;color:var(--muted-text)}.filter-bar{display:flex;flex-direction:column;gap:14px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;padding:16px 20px;margin-bottom:24px}.search-input{width:100%;font-family:var(--font-mono);font-size:13.5px;padding:10px 14px;background-color:var(--bg-color);border:1px solid #00000026;border-radius:4px;color:#000;outline:none;transition:border-color .2s}.search-input:focus{border-color:#000}.filter-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-pill-label{font-size:11.5px;color:var(--muted-text);text-transform:uppercase;margin-right:4px}.filter-btn{background-color:transparent;border:1px solid #00000026;border-radius:4px;font-family:var(--font-mono);font-size:12px;padding:4px 10px;cursor:pointer;color:#333;transition:all .2s}.filter-btn:hover{background-color:#0000000d}.filter-btn.active{background-color:#000;color:#fff;border-color:#000}.shortlist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:20px 0}.shortlist-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;padding:18px;display:flex;flex-direction:column;gap:10px}.shortlist-segment{font-family:var(--font-serif);font-size:16px;font-weight:600;color:#000;display:flex;align-items:center;justify-content:space-between}.shortlist-vendors{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.shortlist-vendor-tag{background:#0000000c;border:1px solid #00000018;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:600}.shortlist-rationale{font-size:12.5px;color:#333;line-height:1.5}pre,code{max-width:100%}code:not(pre code){font-family:var(--font-mono);color:#1f1f1f;word-break:break-word;background-color:#ebeae2;border:1px solid #00000014;border-radius:4px;padding:2px 6px;font-size:12.5px}footer{opacity:.65;margin-top:80px;font-size:11px;border-top:1px solid #00000014;padding-top:24px;display:flex;flex-direction:column;gap:8px}footer a{color:inherit;text-underline-offset:4px;text-decoration:underline;text-decoration-color:var(--underline-color);transition:text-decoration-color .2s}footer a:hover{text-decoration-color:var(--underline-hover)}.footer-nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:4px}@media(max-width:768px){body{padding:40px 20px}header{flex-direction:column;gap:20px;margin-bottom:40px}nav{justify-content:flex-start;gap:16px;width:100%}.cards-grid,.shortlist-grid{grid-template-columns:1fr}.gxpchat-banner{flex-direction:column;align-items:flex-start;gap:12px;margin:0 0 24px;padding:16px}.gxpchat-cta{align-self:flex-end}.dropdown-content{left:0;transform:translateY(8px)}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content{transform:translateY(4px)}}