@import url("https://cdn.jsdelivr.net/npm/@fontsource-variable/geist@5.3.0/index.css"); @import url("https://cdn.jsdelivr.net/npm/@fontsource-variable/geist-mono@5.3.0/index.css"); :root{ --void:#F4FEFF; --panel:#FFFFFF; --panel2:#EAF3F5; --raise:#FFFFFF; --raise2:#F0F7F8; --line:rgba(11,17,20,.09); --line-med:rgba(11,17,20,.14); --line-strong:rgba(11,17,20,.22); --ink:#0B1114; --ink2:#3C4A4F; --muted:#5A666B; --faint:#686F71; --accent:#49E6EC; --accent-dim:#199AAB; --accent-ink:#04211F; --teal:#0E7886; --teal-hover:#0C6873; --live:#0B7E4F; --warn:#976200; --danger:#C43D28; --radius:10px; --shadow-card:0 10px 26px rgba(11,17,20,.08); --nav-bg:rgba(244,254,255,.86); --scrim-bg:rgba(5,7,10,.75); --footer-bg:#0B1114; --footer-ink:rgba(244,254,255,.86); --footer-ink-dim:rgba(244,254,255,.55); --footer-ink-faint:rgba(244,254,255,.4); --footer-line:rgba(244,254,255,.1); --btn-primary-ink:#FFFFFF; --mono:"Geist Mono Variable","Geist Mono",ui-monospace,"SF Mono",Menlo,monospace; --sans:"Geist Variable","Geist",Inter,system-ui,sans-serif; } /* eesolutions.io deployment: dark theme, same token names, different values. Set via , emitted by generate_site.py --theme=dark. */ html[data-theme="dark"]{ --void:#05070A; --panel:#0B1114; --panel2:#11151A; --raise:#161C21; --raise2:#1B2229; --line:rgba(244,254,255,.08); --line-med:rgba(244,254,255,.13); --line-strong:rgba(244,254,255,.20); --ink:#F4FEFF; --ink2:#C3D3D6; --muted:#839398; --faint:#828A8C; --accent:#49E6EC; --accent-dim:#3FD6DD; --accent-ink:#04211F; --teal:#49E6EC; --teal-hover:#7CEEF2; --live:#3ED98B; --warn:#E8B84B; --danger:#E8664B; --shadow-card:0 10px 30px rgba(0,0,0,.35); --nav-bg:rgba(5,7,10,.86); --scrim-bg:rgba(0,0,0,.6); --footer-bg:#0B1114; --footer-ink:rgba(244,254,255,.86); --footer-ink-dim:rgba(244,254,255,.55); --footer-ink-faint:rgba(244,254,255,.4); --footer-line:rgba(244,254,255,.1); --btn-primary-ink:#04211F; } html{scroll-behavior:smooth;overflow-x:hidden} body{ margin:0; background:var(--void); color:var(--ink); font-family:var(--sans); font-weight:400; -webkit-font-smoothing:antialiased; font-size:14px; overflow-x:hidden; width:100%; animation:page-in .32s ease-out; } @keyframes page-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}} body.drawer-open{overflow:hidden} ::selection{background:var(--accent);color:var(--accent-ink)} a{color:inherit;text-decoration:none} button{font:inherit;color:inherit;background:none;border:none;cursor:pointer} input{font:inherit;color:inherit} ::-webkit-scrollbar{width:9px;height:9px} ::-webkit-scrollbar-track{background:transparent} ::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:6px} ::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)} :focus-visible{outline:2px solid var(--accent);outline-offset:2px} .mono{font-family:var(--mono)} .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} @media (prefers-reduced-motion: reduce){ *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important} } /* ============ background texture ============ */ .grain{ position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5; background-image: linear-gradient(rgba(11,17,20,.035) 1px,transparent 1px), linear-gradient(90deg,rgba(11,17,20,.035) 1px,transparent 1px); background-size:64px 64px; mask-image:radial-gradient(ellipse 90% 60% at 50% 0%, black 0%, transparent 75%); } /* ============ status bar ============ */ .statusbar{ position:sticky;top:0;z-index:40; background:var(--void); border-bottom:1px solid var(--line); font-family:var(--mono); font-size:10.5px; letter-spacing:.03em; color:var(--faint); } .statusbar-inner{ max-width:1480px;margin:0 auto;padding:0 24px;height:32px; display:flex;align-items:center;gap:22px;overflow-x:auto;white-space:nowrap; min-width:0; } .statusbar-inner::-webkit-scrollbar{display:none} .sb-item{display:flex;align-items:center;gap:6px;flex:0 0 auto} .sb-dot{width:6px;height:6px;border-radius:50%;background:var(--faint);flex:0 0 auto} .sb-dot.live{background:var(--live);box-shadow:0 0 0 2px rgba(62,217,139,.15)} .sb-dot.warn{background:var(--warn)} .sb-dot.danger{background:var(--danger);box-shadow:0 0 0 2px rgba(196,61,40,.18)} .sb-dot.pulse{animation:pulse 2s ease-in-out infinite} @keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}} .sb-val{color:var(--ink2)} .sb-sep{width:1px;height:12px;background:var(--line-med);flex:0 0 auto} .sb-link{color:var(--faint);border-bottom:1px solid transparent} .sb-link:hover{color:var(--teal);border-color:var(--accent)} /* ============ top nav ============ */ .nav{ position:sticky;top:32px;z-index:39; background:var(--nav-bg);backdrop-filter:blur(10px); border-bottom:1px solid var(--line); } .nav-inner{ max-width:1480px;margin:0 auto;padding:0 24px;height:60px; display:flex;align-items:center;justify-content:space-between;gap:20px; } .brand{display:flex;align-items:center;gap:11px;flex:0 0 auto} .brand-mark{width:18px;height:18px;display:grid;grid-template-columns:1fr 1fr;gap:2.5px;flex:0 0 auto} .brand-mark i{background:var(--accent);border-radius:1px} .brand-mark i:nth-child(3),.brand-mark i:nth-child(2){background:var(--ink)} .brand-text{display:flex;flex-direction:column;line-height:1.15} .brand-text b{font-size:12.5px;font-weight:650;letter-spacing:.01em} .brand-text span{font-size:9.5px;color:var(--faint);font-family:var(--mono);letter-spacing:.04em} .navlinks{display:flex;align-items:center;gap:2px;flex:1 1 auto;justify-content:center} .navlinks a{ font-size:11.5px;color:var(--muted);padding:8px 13px;border-radius:var(--radius); letter-spacing:.01em; } .navlinks a:hover{color:var(--ink);background:var(--panel2)} .nav-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto} .kbd-hint{ display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10.5px; color:var(--faint);border:1px solid var(--line-med);padding:5px 9px;border-radius:var(--radius); } .kbd-hint kbd{font-family:var(--mono);background:var(--panel2);padding:1px 4px;border-radius:2px;border:1px solid var(--line-med)} /* ============ hero ============ */ .hero{ position:relative;z-index:1; border-bottom:1px solid var(--line); } .hero-inner{ max-width:1480px;margin:0 auto;padding:52px 24px 34px; display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.72fr);gap:56px; min-width:0; } .hero-inner > *{min-width:0} .eyebrow{ font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:500; color:var(--teal);margin:0 0 16px;display:flex;align-items:center;gap:9px; } .eyebrow::before{content:"";width:16px;height:1px;background:var(--accent-dim)} h1{ font-size:clamp(34px,4.4vw,54px);line-height:1.08;letter-spacing:-.025em; margin:0 0 18px;font-weight:300;max-width:15ch; } h1 em{font-style:normal;color:var(--teal)} .hero-copy{font-size:15px;line-height:1.65;color:var(--ink2);max-width:52ch;margin:0 0 26px} .hero-copy b{color:var(--ink);font-weight:600} .cmdbar{ display:flex;align-items:center;gap:12px; background:var(--panel);border:1px solid var(--line-strong);border-radius:999px; padding:13px 20px;max-width:560px;transition:border-color .15s,box-shadow .15s;box-shadow:var(--shadow-card); } .cmdbar:focus-within{border-color:var(--accent);box-shadow:var(--shadow-card),0 0 0 3px rgba(73,230,236,.25)} .cmdbar svg{flex:0 0 auto;color:var(--faint)} .cmdbar input{ flex:1 1 auto;background:none;border:none;color:var(--ink);font-size:13.5px; font-family:var(--sans); } .cmdbar input::placeholder{color:var(--faint)} .cmdbar .kbd-hint{border:none;padding:0;flex:0 0 auto} .hero-stats{ display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px; border-top:1px solid var(--line); } .hstat{padding:16px 16px 0 0} .hstat b{ display:block;font-family:var(--mono);font-size:24px;font-weight:500; letter-spacing:-.02em;color:var(--ink); } .hstat span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)} .hero-panel{ background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-card); padding:20px 22px;align-self:start; } .hero-panel h3{ font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--faint); margin:0 0 14px;font-weight:600; } .livefeed-row{ display:flex;align-items:baseline;justify-content:space-between;gap:10px; padding:8px 0;border-bottom:1px solid var(--line);font-size:12px; } .livefeed-row:last-child{border-bottom:none} .livefeed-name{color:var(--ink2)} .livefeed-val{font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums} .livefeed-val.dim{color:var(--faint)} /* ============ layout ============ */ .shell{max-width:1480px;margin:0 auto;padding:0 24px 90px;position:relative;z-index:1;min-width:0} .layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:0;margin-top:36px;min-width:0} .layout > *{min-width:0} /* ============ rail ============ */ .rail{position:sticky;top:100px;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto;padding-right:18px} .rail-group{margin-bottom:22px} .rail-title{ font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:500; color:var(--faint);margin:0 0 8px;padding:0 12px; } .rail-item{ display:flex;align-items:center;justify-content:space-between;gap:8px; width:100%;text-align:left;padding:7px 12px;border-radius:var(--radius); font-size:12.5px;color:var(--ink2);border-left:2px solid transparent; } .rail-item:hover{background:var(--panel2);color:var(--ink)} .rail-item.active{background:var(--panel2);color:var(--teal);border-left-color:var(--accent)} .rail-item .n{font-family:var(--mono);font-size:10.5px;color:var(--faint)} .rail-item.active .n{color:var(--teal)} .browse-main{min-width:0} .rail-mobile{display:none} /* ============ content header ============ */ .content-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap} .content-title{font-size:22px;font-weight:300;letter-spacing:-.01em;margin:0} .content-sub{font-size:12px;color:var(--faint);margin-top:4px} .view-toggle{display:flex;border:1px solid var(--line-med);border-radius:var(--radius);overflow:hidden} .view-toggle button{padding:7px 13px;font-size:11.5px;color:var(--muted)} .view-toggle button.active{background:var(--panel2);color:var(--teal)} .view-toggle button+button{border-left:1px solid var(--line-med)} /* ============ filter chips ============ */ .filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px} .chip{ display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px; border:1px solid var(--line-med);font-size:11.5px;color:var(--muted); } .chip:hover{border-color:var(--line-strong);color:var(--ink2)} .chip.active{background:rgba(73,230,236,.1);border-color:var(--accent-dim);color:var(--teal)} .chip .x{opacity:.6} .chip-clear{font-size:11px;color:var(--faint);text-decoration:underline;text-underline-offset:2px} .chip-clear:hover{color:var(--ink2)} /* ============ list rows ============ */ .reslist{border-top:1px solid var(--line)} .resrow{ display:grid;grid-template-columns:minmax(0,1fr) 108px 118px 90px;gap:18px; align-items:center;padding:13px 12px;border-bottom:1px solid var(--line); cursor:pointer;position:relative; } .resrow:hover{background:var(--panel)} .resrow:hover .resname{color:var(--teal)} .res-main{min-width:0} .resname{font-size:13.5px;font-weight:560;color:var(--ink);display:flex;align-items:center;gap:8px;min-width:0} .resname .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .resdesc{font-size:12px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .restags{display:flex;gap:5px;flex-wrap:wrap;align-items:center} .tag{ font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:500; padding:3px 9px;border-radius:999px;background:rgba(11,17,20,.07);color:var(--ink2); white-space:nowrap; } .tag.security{background:rgba(154,100,0,.12);color:var(--warn)} .res-models{display:flex;gap:4px;flex-wrap:wrap} .dot-model{width:6px;height:6px;border-radius:50%;flex:0 0 auto;background:var(--faint)} .dot-model[data-m="Claude"]{background:var(--accent)} .dot-model[data-m="OpenAI / Codex"]{background:#6B7B82} .dot-model[data-m="Gemini"]{background:#3F6FCC} .dot-model[data-m="Open / Model-agnostic"],.dot-model[data-m="Model-agnostic"]{background:var(--faint)} .res-stat{ font-family:var(--mono);font-size:12px;text-align:right;color:var(--ink2); font-variant-numeric:tabular-nums;white-space:nowrap; } .res-stat .lbl{display:block;font-size:9px;color:var(--faint);text-transform:uppercase;letter-spacing:.05em;text-align:right} .res-stat.live{color:var(--live)} .res-stat.pending{display:flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--faint)} .res-stat.pending .lbl{display:inline;font-size:10px} .pending-dot{width:5px;height:5px;border-radius:50%;background:var(--faint);flex:0 0 auto;animation:pulse 1.6s ease-in-out infinite} .res-arrow{display:flex;justify-content:flex-end;color:var(--faint)} .resrow:hover .res-arrow{color:var(--teal)} .reslist.grid-view{column-width:252px;column-gap:12px;margin-top:16px;min-width:0} .reslist.grid-view .resrow{ display:flex;flex-direction:column;align-items:flex-start;gap:8px; background:var(--void);border:1px solid var(--line);border-bottom:1px solid var(--line); padding:16px;margin-bottom:12px;break-inside:avoid;-webkit-column-break-inside:avoid; } .reslist.grid-view .resrow:hover{background:var(--panel);border-color:var(--line-strong)} .reslist.grid-view .res-main{width:100%} .reslist.grid-view .res-models{display:none} .reslist.grid-view .res-stat{order:4;text-align:left;width:100%;display:flex;align-items:baseline;gap:6px;padding-top:10px;border-top:1px solid var(--line)} .reslist.grid-view .res-stat.pending{justify-content:flex-start} .reslist.grid-view .res-stat .lbl{display:inline} .reslist.grid-view .res-stat.empty{display:none} .reslist.grid-view .res-arrow{display:none} .empty{padding:70px 20px;text-align:center;color:var(--faint);font-size:13px} .empty b{display:block;color:var(--ink2);font-size:14px;margin-bottom:6px;font-weight:600} .showmore{width:100%;padding:16px;text-align:center;font-size:12px;color:var(--muted);border-top:1px solid var(--line);font-family:var(--mono)} .showmore:hover{color:var(--teal);background:var(--panel)} /* ============ collections & stacks (landing sections) ============ */ .section{padding:46px 0;border-bottom:1px solid var(--line)} .section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap} .section-eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--teal);font-weight:500} .section-title{font-size:28px;font-weight:300;letter-spacing:-.015em;margin:6px 0 0} .section-desc{font-size:12.5px;color:var(--faint);max-width:44ch} .collgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);min-width:0} .collcard{background:var(--panel);padding:20px;display:flex;flex-direction:column;gap:10px;min-height:130px;transition:background .15s,transform .15s,box-shadow .15s} .collcard:hover{background:var(--panel2);transform:translateY(-1px);box-shadow:var(--shadow-card)} .collcard .cn{font-size:14.5px;font-weight:600} .collcard .cd{font-size:12px;color:var(--muted);line-height:1.5;flex:1} .collcard .cc{font-size:11px;color:var(--teal);display:flex;align-items:center;gap:6px;font-weight:500} .stackrow{display:flex;flex-direction:column;gap:14px;padding:22px 0;border-top:1px solid var(--line);min-width:0} .stackrow:first-child{border-top:none} .stack-meta{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap} .stack-name{font-size:15px;font-weight:600;color:var(--ink);text-decoration:none} .stack-name:hover{color:var(--teal)} .stack-desc{font-size:12px;color:var(--muted)} .stack-viewall{font-size:11px;color:var(--teal);text-decoration:none;margin-left:auto;white-space:nowrap} .stack-viewall:hover{color:var(--teal)} .stackpath-wrap{position:relative} .stackpath{ display:flex;align-items:stretch;gap:0;overflow-x:auto;scroll-behavior:smooth; padding:4px 2px 12px;min-width:0;scroll-snap-type:x proximity; } .stackpath::-webkit-scrollbar{height:5px} .stackpath::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px} .stackfade{position:absolute;top:0;bottom:12px;width:44px;pointer-events:none;z-index:2;transition:opacity .15s} .stackfade.left{left:0;background:linear-gradient(90deg,var(--void),transparent)} .stackfade.right{right:0;background:linear-gradient(270deg,var(--void),transparent)} .stackscroll{ position:absolute;top:38px;transform:translateY(-50%);z-index:3; width:28px;height:28px;border-radius:50%;background:var(--panel2);border:1px solid var(--line-med); display:flex;align-items:center;justify-content:center;color:var(--ink2);cursor:pointer;transition:border-color .15s,color .15s; } .stackscroll:hover{border-color:var(--accent-dim);color:var(--teal)} .stackscroll.left{left:-12px} .stackscroll.right{right:-12px} @media (max-width:780px){.stackscroll,.stackfade{display:none}} .stacknode{ display:flex;align-items:flex-start;gap:11px;flex:0 0 auto;padding:14px 16px; border:1px solid var(--line-med);border-radius:6px;min-width:172px;max-width:210px; background:var(--panel);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s,background .15s; scroll-snap-align:start; } .stacknode:hover{border-color:var(--accent-dim);transform:translateY(-2px);background:var(--raise);box-shadow:var(--shadow-card)} .stacknode .idx{ font-family:var(--mono);font-size:11px;font-weight:700;color:var(--accent-ink);flex:0 0 auto; width:23px;height:23px;border-radius:50%;background:var(--accent); display:flex;align-items:center;justify-content:center;margin-top:1px; } .stacknode .sn{font-size:12.5px;font-weight:600;color:var(--ink)} .stacknode .sd{font-size:10.5px;color:var(--faint);line-height:1.4;margin-top:3px} .stackarrow{flex:0 0 auto;width:22px;height:1px;margin-top:26px;background:var(--line-strong);align-self:flex-start} /* ============ sources transparency ============ */ .srcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);min-width:0} .srccard{background:var(--panel);padding:16px 18px;transition:background .15s,box-shadow .15s} .srccard:hover{background:var(--panel2);box-shadow:var(--shadow-card)} .srchead{display:flex;align-items:center;justify-content:space-between;gap:8px} .srcname{font-size:12.5px;font-weight:600} .srcgroup{font-size:9px;color:var(--faint);text-transform:uppercase;letter-spacing:.05em;font-weight:500} .srcwhy{font-size:11.5px;color:var(--muted);margin-top:7px;line-height:1.5} .srcquant{font-size:10px;color:var(--teal);margin-top:9px;font-weight:500} .freshnote{ background:var(--panel);border:1px solid var(--line);border-radius:var(--radius); padding:20px 22px;font-size:12.5px;color:var(--ink2);line-height:1.7;margin-top:20px; } .freshnote b{color:var(--ink)} .freshnote .live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--live);margin-right:6px} /* ============ token panel (power user) ============ */ .tokenpanel{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px} .tokenpanel input{ background:var(--panel2);border:1px solid var(--line-med);border-radius:var(--radius); padding:8px 10px;font-size:11.5px;font-family:var(--mono);color:var(--ink);width:230px; } .tokenpanel button{ border:1px solid var(--line-med);border-radius:var(--radius);padding:8px 13px;font-size:11.5px;color:var(--muted); } .tokenpanel button:hover{color:var(--teal);border-color:var(--accent-dim)} .tokenpanel .th{font-size:11px;color:var(--faint)} /* ============ drawer ============ */ .scrim{position:fixed;inset:0;background:var(--scrim-bg);z-index:60;opacity:0;pointer-events:none;transition:opacity .18s} .scrim.open{opacity:1;pointer-events:auto} .drawer{ position:fixed;top:0;right:0;bottom:0;width:min(480px,92vw);z-index:61; background:var(--panel);border-left:1px solid var(--line-strong); transform:translateX(100%);transition:transform .22s cubic-bezier(.2,.7,.2,1); overflow-y:auto; } .drawer.open{transform:translateX(0)} .drawer-inner{padding:26px 26px 60px} .drawer-close{position:absolute;top:20px;right:20px;color:var(--faint);padding:6px} .drawer-close:hover{color:var(--ink)} .drawer-eyebrow{font-size:10px;color:var(--teal);text-transform:uppercase;letter-spacing:.08em;font-weight:500} .drawer h2{font-size:21px;font-weight:600;margin:10px 0 8px;letter-spacing:-.015em;padding-right:36px} .drawer-desc{font-size:13.5px;color:var(--ink2);line-height:1.65;margin-bottom:20px} .drawer-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px} .drawer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:22px} .dstat{background:var(--panel2);padding:13px 14px} .dstat b{display:block;font-family:var(--mono);font-size:17px;font-variant-numeric:tabular-nums} .dstat span{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint)} .dstat.live b{color:var(--live)} .drawer-security{ background:rgba(154,100,0,.08);border:1px solid rgba(154,100,0,.3);border-radius:var(--radius); padding:12px 14px;font-size:12px;color:#7A5000;line-height:1.6;margin-bottom:20px;display:flex;gap:9px; } .drawer-actions{display:flex;gap:10px;margin-bottom:26px} .btn{ display:inline-flex;align-items:center;gap:7px;padding:11px 20px;border-radius:999px; font-size:12.5px;font-weight:560; } .btn-primary{background:var(--teal);color:var(--btn-primary-ink)} .btn-primary:hover{background:var(--teal-hover)} .btn-ghost{border:1px solid var(--line-med);color:var(--ink2)} .btn-ghost:hover{border-color:var(--accent-dim);color:var(--teal)} .drawer-section-title{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--faint);margin:24px 0 10px;font-weight:500} .hn-item{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px} .hn-item .hnt{color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .hn-item .hnp{font-family:var(--mono);color:var(--faint);flex:0 0 auto} .related-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12.5px} .related-item:hover{color:var(--teal)} .related-item .rn{color:var(--ink2)} .related-item:hover .rn{color:var(--teal)} .related-item .rt{font-family:var(--mono);font-size:10px;color:var(--faint)} .loading-line{font-family:var(--mono);font-size:11px;color:var(--faint);display:flex;align-items:center;gap:8px} .loading-line .spin{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--line-strong);border-top-color:var(--accent);animation:spin .7s linear infinite} @keyframes spin{to{transform:rotate(360deg)}} /* ============ command palette ============ */ .palette-scrim{position:fixed;inset:0;background:var(--scrim-bg);z-index:80;display:none;align-items:flex-start;justify-content:center;padding-top:12vh} .palette-scrim.open{display:flex} .palette{ width:min(600px,92vw);background:var(--panel2);border:1px solid var(--line-strong);border-radius:6px; box-shadow:0 30px 80px rgba(0,0,0,.6);overflow:hidden; } .palette-input{ display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line); } .palette-input svg{color:var(--faint);flex:0 0 auto} .palette-input input{flex:1;background:none;border:none;color:var(--ink);font-size:14px} .palette-input input::placeholder{color:var(--faint)} .palette-results{max-height:400px;overflow-y:auto;padding:6px} .palette-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:4px;font-size:12.5px;cursor:pointer} .palette-row.sel{background:var(--raise)} .palette-row .pn{color:var(--ink);display:flex;align-items:center;gap:8px;min-width:0} .palette-row .pn .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .palette-row .pc{font-family:var(--mono);font-size:10px;color:var(--faint);flex:0 0 auto} .palette-empty{padding:30px;text-align:center;color:var(--faint);font-size:12px} .palette-foot{display:flex;gap:16px;padding:10px 18px;border-top:1px solid var(--line);font-family:var(--mono);font-size:10px;color:var(--faint)} .palette-foot span{display:flex;align-items:center;gap:5px} .palette-foot kbd{background:var(--raise);border:1px solid var(--line-med);border-radius:2px;padding:1px 5px} /* ============ footer ============ */ .footer{ background:var(--footer-bg);color:var(--footer-ink); border-top:1px solid var(--footer-line);padding:48px 0 60px;margin-top:60px; } .footer .brand-text b{color:var(--footer-ink)} .footer .brand-text span{color:var(--footer-ink-faint)} .footer .brand-mark i:nth-child(2),.footer .brand-mark i:nth-child(3){background:var(--footer-ink)} .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;min-width:0} .footer-brand{font-size:12.5px;color:var(--footer-ink-dim);line-height:1.7;max-width:40ch} .footer h4{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--footer-ink-faint);margin:0 0 12px;font-weight:500} .footer a{display:block;font-size:12px;color:var(--footer-ink);padding:5px 0} .footer a:hover{color:var(--accent)} .footer-bottom{ max-width:1480px;margin:36px auto 0;padding:20px 24px 0;border-top:1px solid var(--footer-line); display:flex;justify-content:space-between;font-family:var(--mono);font-size:10.5px;color:var(--footer-ink-faint);flex-wrap:wrap;gap:8px; } /* ============ responsive ============ */ @media (max-width:980px){ .hero-inner{grid-template-columns:1fr;gap:28px} .layout{grid-template-columns:1fr} .rail{display:none} .rail-mobile{ display:flex;gap:8px;overflow-x:auto;padding-bottom:14px;margin-bottom:8px; border-bottom:1px solid var(--line);min-width:0; } .rail-mobile::-webkit-scrollbar{display:none} .rail-mobile .chip{flex:0 0 auto} .navlinks{display:none} .resrow{grid-template-columns:minmax(0,1fr) 78px;row-gap:4px} .res-models,.res-stat:nth-of-type(1){display:none} .footer-grid{grid-template-columns:1fr;gap:26px} .drawer{width:100vw} } @media (max-width:560px){ .hero-inner{padding-top:36px} .hero-stats{grid-template-columns:1fr 1fr 1fr;gap:0} .kbd-hint{display:none} .collgrid{grid-template-columns:1fr} .srcgrid{grid-template-columns:1fr} .reslist.grid-view{column-width:100%} .footer-grid{grid-template-columns:1fr} .stacknode{min-width:128px} } /* ============================================================ DETAIL / STATIC PAGES (resource, stack, collection, category) ============================================================ */ .crumbs{ display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-family:var(--mono); font-size:11px;color:var(--faint);margin-bottom:22px; } .crumbs a{color:var(--muted);border-bottom:1px solid transparent} .crumbs a:hover{color:var(--teal);border-color:var(--accent)} .crumbs .sep{color:var(--faint)} .crumbs .here{color:var(--ink2)} .page-hero{padding:44px 0 34px;border-bottom:1px solid var(--line)} .page-eyebrow{ font-size:13px;letter-spacing:.05em;text-transform:uppercase;font-weight:500; color:var(--teal);margin:0 0 14px;display:flex;align-items:center;gap:9px;flex-wrap:wrap; } .page-eyebrow a{color:var(--teal);border-bottom:1px solid transparent} .page-eyebrow a:hover{color:var(--teal-hover);border-color:var(--accent)} .page-h1{font-size:clamp(30px,3.8vw,48px);line-height:1.08;letter-spacing:-.02em;margin:0 0 16px;font-weight:300;max-width:22ch} .page-dek{font-size:15px;line-height:1.65;color:var(--ink2);max-width:64ch;margin:0} .page-dek b{color:var(--ink);font-weight:600} .article{max-width:720px} .article h2{font-size:16px;font-weight:600;letter-spacing:-.005em;margin:38px 0 12px} .article p{font-size:13.5px;line-height:1.75;color:var(--ink2);margin:0 0 14px} .article p:last-child{margin-bottom:0} .article a{color:var(--teal);border-bottom:1px solid var(--accent-dim)} .article a:hover{color:var(--teal-hover)} .detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 6px} .detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:26px 0} .detail-stats .dstat{background:var(--panel2)} .faq{margin-top:10px} .faq-item{border-top:1px solid var(--line);padding:16px 0} .faq-item:last-child{padding-bottom:0} .faq-q{font-size:13.5px;font-weight:600;color:var(--ink);margin:0 0 8px} .faq-a{font-size:13px;line-height:1.7;color:var(--muted);margin:0} .side-panel{display:flex;flex-direction:column;gap:28px} .side-block{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow-card)} .side-block h3{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--faint);margin:0 0 13px;font-weight:600} .side-link{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px} .side-link:last-child{border-bottom:none} .side-link a{color:var(--ink2)} .side-link a:hover{color:var(--teal)} .side-link .st{font-family:var(--mono);font-size:10px;color:var(--faint);flex:0 0 auto} .side-note{font-size:12px;color:var(--muted);line-height:1.6} .detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;padding:40px 0 60px} @media (max-width:900px){.detail-grid{grid-template-columns:1fr;gap:36px}} .stepper-list{margin-top:24px} .stepper-item{display:flex;gap:20px;align-items:stretch} .stepper-rail{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:0 0 auto;width:38px} .stepper-num{ font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent-ink);flex:0 0 auto; width:38px;height:38px;border-radius:50%;background:var(--accent); box-shadow:0 0 0 4px var(--void),0 0 0 5px var(--line-med); display:flex;align-items:center;justify-content:center; } .stepper-line{width:1px;flex:1;min-height:20px;background:linear-gradient(var(--accent-dim),var(--line));margin:2px 0} .stepper-body{ flex:1;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius); padding:16px 20px 22px;margin-bottom:20px;transition:border-color .15s; } .stepper-item:hover .stepper-body{border-color:var(--line-strong)} .stepper-item:last-child .stepper-body{margin-bottom:0} .stepper-body h3{font-size:14.5px;font-weight:600;margin:1px 0 6px} .stepper-body h3 a{color:var(--ink)} .stepper-body h3 a:hover{color:var(--teal)} .stepper-body p{font-size:12.5px;color:var(--muted);line-height:1.6;margin:0 0 10px} .stepper-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center} .rescard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:8px} .rescard{background:var(--panel);padding:18px 20px;transition:background .15s,transform .15s,box-shadow .15s} .rescard:hover{background:var(--panel2);transform:translateY(-1px);box-shadow:var(--shadow-card)} .rescard .rn{font-size:13px;font-weight:600;margin-bottom:5px} .rescard .rn a{color:var(--ink)} .rescard .rn a:hover{color:var(--teal)} .rescard .rd{font-size:12px;color:var(--muted);line-height:1.55;margin-bottom:9px} .subcat-block{margin-top:34px} .subcat-block:first-child{margin-top:14px} .subcat-title{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:2px} .subcat-count{font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-bottom:12px} .prevnext{display:flex;justify-content:space-between;gap:20px;margin-top:44px;padding-top:22px;border-top:1px solid var(--line)} .prevnext a{display:flex;flex-direction:column;gap:5px;max-width:46%;min-width:0} .prevnext .pn-lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);font-weight:500} .prevnext .pn-name{font-size:12.5px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .prevnext a:hover .pn-name{color:var(--teal)} .prevnext .next{text-align:right;align-items:flex-end;margin-left:auto} .cta-box{ margin-top:48px;padding:26px 28px;border:1px solid var(--line);border-radius:16px; background:linear-gradient(180deg,var(--panel),var(--panel2));box-shadow:var(--shadow-card); display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap; } .cta-box p{font-size:13px;color:var(--ink2);line-height:1.6;margin:0;max-width:46ch} .cta-box p b{color:var(--ink)} .cta-box .btn{flex:0 0 auto} .skel{position:relative;overflow:hidden;background:var(--panel2);border-radius:2px;color:transparent!important} .skel::after{ content:"";position:absolute;inset:0; background:linear-gradient(90deg,transparent,rgba(244,254,255,.06),transparent); animation:skel-sweep 1.4s ease-in-out infinite; } @keyframes skel-sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}} .live-reveal{display:none} [data-live-field].is-live{color:var(--live)} @media (max-width:640px){ .detail-actions{flex-direction:column;align-items:stretch} .prevnext{flex-direction:column} .prevnext a{max-width:100%} .prevnext .next{text-align:left;align-items:flex-start;margin-left:0} } /* ============================================================ AI OPERATOR'S INDEX: EESOLUTIONS.IO EDITORIAL REDESIGN The hub uses an EES dark shell and a high-contrast reading plane. These classes are isolated from the parent site. ============================================================ */ html[data-theme="dark"] body{background:#05070A;color:#F5F9FA} .index-frame{max-width:1360px;margin:0 auto;padding-left:clamp(20px,4.5vw,64px);padding-right:clamp(20px,4.5vw,64px)} .nav{ position:sticky;top:0;z-index:70;height:76px;background:rgba(5,7,10,.72); border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px); transition:background .35s ease,border-color .35s ease } .nav.scrolled{background:rgba(5,7,10,.92);border-color:rgba(255,255,255,.13)} .index-nav-hub{position:fixed;top:0;left:0;right:0;background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .5s ease,border-color .5s ease,transform .5s ease} .index-nav-hub.scrolled{background-color:rgba(5,7,10,.94)!important;background-image:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:rgba(255,255,255,.1)} .index-nav-hub.hidden-nav{transform:translateY(-100%)} .index-nav .nav-inner{max-width:1360px;height:76px;padding:0 clamp(20px,4.5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:32px} .index-brand{display:flex;align-items:center;gap:11px;min-width:0} .ees-wordmark{width:119px;height:auto;display:block;filter:invert(1) brightness(1.6);opacity:.96} .index-brand-rule{width:1px;height:22px;background:rgba(255,255,255,.22)} .index-brand-name{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:rgba(213,224,228,.72);white-space:nowrap} .index-nav .navlinks{flex:0 1 auto;justify-content:initial;gap:clamp(14px,1.9vw,28px)} .navlinks a{padding:6px 0;border-radius:0;color:rgba(213,224,228,.72);font-size:13px;position:relative} .navlinks a::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#49E6EC;transform:scaleX(0);transform-origin:left;transition:transform .3s ease} .navlinks a:hover{background:transparent;color:#F5F9FA} .navlinks a:hover::after{transform:scaleX(1)} .index-return{justify-self:end;font-size:13px;font-weight:500;color:#F5F9FA;padding:10px 15px;border:1px solid rgba(255,255,255,.18);border-radius:2px;transition:background .25s ease,border-color .25s ease} .index-return:hover{color:#05070A;background:#49E6EC;border-color:#49E6EC} .index-menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px} .index-menu-btn i{display:block;width:20px;height:1.5px;background:#F5F9FA;transition:transform .25s ease,opacity .25s ease} .index-menu-btn.open i:nth-child(2){transform:translateY(6.5px) rotate(45deg)} .index-menu-btn.open i:nth-child(3){opacity:0} .index-menu-btn.open i:nth-child(4){transform:translateY(-6.5px) rotate(-45deg)} .index-mobile-menu{display:none} .index-hero{ --hero-rib:clamp(94px,10vw,154px); position:relative;isolation:isolate;overflow:hidden;background:#05070A;border-bottom:1px solid rgba(255,255,255,.08); background-image: radial-gradient(70% 112% at 50% 110%,rgba(46,220,229,.78) 0%,rgba(10,121,137,.68) 28%,rgba(5,36,45,.58) 48%,rgba(5,7,10,0) 74%), linear-gradient(180deg,rgba(5,7,10,.92) 0%,rgba(5,7,10,.44) 50%,rgba(5,7,10,.3) 100%), repeating-linear-gradient(90deg,rgba(3,5,7,.58) 0 calc(var(--hero-rib) - 2px),rgba(0,0,0,.88) calc(var(--hero-rib) - 2px) var(--hero-rib)), linear-gradient(90deg,#061218 0%,#0A3340 50%,#061218 100%); } .index-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 95% at 50% 110%,transparent 48%,rgba(0,0,0,.34) 100%);mix-blend-mode:multiply} .index-hero-inner{position:relative;z-index:1;padding-top:clamp(108px,13vw,176px);padding-bottom:clamp(62px,8vw,112px);max-width:950px} .index-eyebrow,.catalog-kicker,.section-eyebrow,.stack-count,.collection-count,.source-cluster-title{ margin:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:500 } .index-eyebrow{color:rgba(213,224,228,.68);display:flex;align-items:center;gap:10px;margin-bottom:27px} .index-eyebrow::before{content:"";width:24px;height:1px;background:#49E6EC} .index-hero h1{max-width:none;margin:0 0 21px;font-size:clamp(48px,6.3vw,86px);line-height:1.02;letter-spacing:-.052em;font-weight:280;color:#F5F9FA} .index-lede{max-width:620px;margin:0 0 34px;color:rgba(213,224,228,.78);font-size:clamp(16px,1.5vw,19px);line-height:1.62;font-weight:320} .index-search{box-sizing:border-box;width:min(680px,100%);min-height:62px;display:flex;align-items:center;gap:14px;padding:0 20px;background:#F5F7F8;color:#0B1114;border:1px solid rgba(255,255,255,.18);border-radius:2px;box-shadow:0 18px 42px rgba(0,0,0,.24);transition:box-shadow .2s ease,border-color .2s ease} .index-search:focus-within{border-color:#49E6EC;box-shadow:0 0 0 3px rgba(73,230,236,.2),0 18px 42px rgba(0,0,0,.24)} .index-search svg{color:#0F7D8C;flex:0 0 auto} .index-search input{width:100%;min-width:0;border:0;background:transparent;color:#0B1114;font-size:16px;outline:0} .index-search input::placeholder{color:rgba(11,17,20,.55)} .index-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:29px;width:min(680px,100%)} .index-stat{min-width:0;padding:15px 17px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.17);background:rgba(5,13,17,.34);box-shadow:inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(7px)} .index-stat b{display:block;font-family:var(--mono);font-size:21px;font-weight:500;color:#F5F9FA;font-variant-numeric:tabular-nums} .index-stat span{display:block;margin-top:3px;font-size:11px;color:rgba(213,224,228,.62);line-height:1.35} .index-catalog-section{background:#05070A;padding:clamp(38px,5.8vw,76px) 0} .catalog-shell{background:#F5F7F8;color:#0B1114;border:1px solid rgba(255,255,255,.16);border-radius:4px;box-shadow:0 24px 64px rgba(0,0,0,.2);overflow:hidden} .catalog-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:clamp(26px,3.5vw,46px) clamp(20px,4vw,52px) 25px;border-bottom:1px solid rgba(11,17,20,.1)} .catalog-kicker{color:#0F7D8C;margin-bottom:10px} .catalog-intro h2{margin:0;font-size:clamp(30px,3.5vw,46px);font-weight:300;letter-spacing:-.035em;line-height:1.05;color:#0B1114} .catalog-intro h2 + p{margin:8px 0 0;color:rgba(11,17,20,.62);font-size:14px} .catalog-context{text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:11px} .catalog-freshness{margin:0;max-width:315px;font-family:var(--mono);font-size:10.5px;line-height:1.5;color:rgba(11,17,20,.62)} .catalog-freshness::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;background:#0F7D8C;border-radius:50%} .method-link{padding:0;color:#0F7D8C;font-size:12px;font-weight:600;border-bottom:1px solid rgba(15,125,140,.32)} .method-link:hover{color:#0B1114;border-color:#0B1114} .catalog-layout{display:grid;grid-template-columns:248px minmax(0,1fr);position:relative;align-items:start;transition:grid-template-columns .25s ease} .filter-panel{position:sticky;top:100px;align-self:start;padding:24px 20px 30px;border-right:1px solid rgba(11,17,20,.1);max-height:calc(100vh - 118px);overflow:auto} .filter-panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px} .filter-panel-top p{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:rgba(11,17,20,.56)} .filter-collapse{font-family:var(--mono);font-size:10px;color:#0F7D8C;white-space:nowrap} .filter-group{padding:0;margin:0 0 25px} .filter-group h3{margin:0 0 8px;padding:0;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(11,17,20,.5);font-weight:500} .filter-option{width:100%;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px 7px 10px;text-align:left;border-left:2px solid transparent;color:rgba(11,17,20,.72);font-size:12.5px;transition:background .16s ease,color .16s ease,border-color .16s ease} .filter-option b{font-family:var(--mono);font-size:10px;font-weight:500;color:rgba(11,17,20,.46)} .filter-option:hover{background:#EDF0F2;color:#0B1114} .filter-option.active{background:rgba(73,230,236,.16);border-left-color:#0F7D8C;color:#0B1114;font-weight:600} .filter-option.active::before{content:"✓";margin-right:5px;color:#0F7D8C} .filter-option.active span{margin-right:auto} .filter-option.active b{color:#0F7D8C} .filter-rail{display:none;position:sticky;top:100px;width:52px;height:120px;align-items:center;justify-content:flex-start;gap:8px;flex-direction:column;padding:16px 0;color:#0F7D8C;border-right:1px solid rgba(11,17,20,.1);font-family:var(--mono)} .filter-rail b{font-size:10px;font-weight:500;background:rgba(15,125,140,.12);min-width:20px;height:20px;display:grid;place-items:center;border-radius:50%} .filters-collapsed{grid-template-columns:52px minmax(0,1fr)} .filters-collapsed .filter-panel{display:none} .filters-collapsed .filter-rail{display:flex} .browse-main{min-width:0;padding:24px clamp(18px,3vw,42px) clamp(26px,4vw,48px)} .catalog-mobile-controls{display:none} .filters{display:flex;align-items:center;gap:8px;min-height:0;margin:0 0 18px;flex-wrap:wrap} .active-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;background:rgba(15,125,140,.1);border:1px solid rgba(15,125,140,.25);border-radius:2px;color:#0B1114;font-size:11px} .active-chip span{font-size:15px;line-height:.7;color:#0F7D8C} .clear-filters{font-size:11px;color:#0F7D8C;text-decoration:underline;text-underline-offset:3px} .reslist-labels{display:grid;grid-template-columns:minmax(0,1fr) 145px 135px 20px;gap:18px;padding:0 12px 9px;border-bottom:1px solid rgba(11,17,20,.13);font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(11,17,20,.46)} .reslist-labels span:nth-child(n+2){text-align:right} .resource-row{display:grid;grid-template-columns:minmax(0,1fr) 145px 135px 20px;gap:18px;align-items:center;padding:16px 12px;border-bottom:1px solid rgba(11,17,20,.1);min-height:92px;transition:background .16s ease} .resource-row:hover{background:#EDF0F2} .resource-main{min-width:0} .resource-name{font-size:15px;font-weight:620;letter-spacing:-.015em;color:#0B1114;transition:color .16s ease} .resource-row:hover .resource-name{color:#0F7D8C} .resource-description{margin:4px 0 7px;color:rgba(11,17,20,.66);font-size:12.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .resource-tags{display:flex;gap:5px;flex-wrap:wrap} .resource-tags .tag{padding:3px 6px;border-radius:2px;background:rgba(11,17,20,.06);color:rgba(11,17,20,.61);font-size:9px;letter-spacing:.06em} .resource-context{font-size:11px;line-height:1.45;text-align:right;color:rgba(11,17,20,.58)} .resource-signal{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;color:rgba(11,17,20,.58)} .resource-signal b{font-family:var(--mono);font-size:13px;font-weight:520;color:#0B1114;font-variant-numeric:tabular-nums} .resource-signal span{font-size:9.5px;line-height:1.3} .resource-signal.live b,.resource-signal.live span{color:#0F7D8C} .resource-arrow{display:flex;justify-content:flex-end;color:rgba(11,17,20,.48);transition:transform .2s ease,color .2s ease} .resource-row:hover .resource-arrow{color:#0F7D8C;transform:translateX(3px)} .empty{padding:70px 20px;text-align:center;color:rgba(11,17,20,.58)} .empty b{display:block;color:#0B1114;margin-bottom:6px} .showmore{width:100%;margin-top:6px;padding:16px;border-top:1px solid rgba(11,17,20,.1);font-family:var(--mono);font-size:11px;color:#0F7D8C} .showmore:hover{background:#EDF0F2} .index-section{padding:clamp(64px,9vw,124px) 0;border-top:1px solid rgba(255,255,255,.08)} .index-stacks-section{background:#05070A} .index-collections-section{background:#0A0D11} .index-sources-section{background:#05070A} .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px} .section-eyebrow{color:#49E6EC;margin-bottom:10px} .section-head h2{margin:0;font-size:clamp(34px,4vw,54px);font-weight:300;letter-spacing:-.04em;color:#F5F9FA} .section-desc{max-width:380px;margin:0;color:rgba(213,224,228,.68);font-size:14px;line-height:1.6} .stacks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.1)} .stack-card{display:flex;flex-direction:column;min-height:360px;padding:25px;background:#0B1114;transition:background .2s ease} .stack-card:hover{background:#11151A} .stack-count,.collection-count{color:rgba(213,224,228,.48)} .stack-card h3{margin:15px 0 10px;font-size:23px;font-weight:350;letter-spacing:-.025em;line-height:1.14} .stack-card h3 a:hover,.stack-action:hover{color:#49E6EC} .stack-goal{min-height:42px;margin:0;color:rgba(213,224,228,.7);font-size:13px;line-height:1.55} .stack-preview{list-style:none;margin:24px 0 auto;padding:0;border-top:1px solid rgba(255,255,255,.1)} .stack-preview li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;color:rgba(245,249,250,.84)} .stack-preview li a:hover{color:#49E6EC} .stack-preview b{order:-1;font-family:var(--mono);font-size:9px;font-weight:500;color:#49E6EC} .stack-preview .stack-more{color:rgba(213,224,228,.55);font-family:var(--mono);font-size:10px} .stack-action{margin-top:21px;color:#49E6EC;font-size:12px;font-weight:600} .collgrid{grid-template-columns:repeat(2,minmax(0,1fr));background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.1)} .collcard{min-height:205px;padding:25px;background:#11151A} .collcard:hover{background:#161C21;box-shadow:none;transform:none} .collcard h3{margin:15px 0 9px;font-size:22px;font-weight:350;letter-spacing:-.025em;color:#F5F9FA} .collection-description{margin:0;color:rgba(213,224,228,.7);font-size:13px;line-height:1.55} .collection-action{margin-top:auto;color:#49E6EC;font-size:12px;font-weight:600} .srcgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;background:transparent;border:0} .source-cluster-title{padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.15);color:rgba(213,224,228,.58)} .source-cluster-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:1px;background:transparent} .srccard{display:block;min-height:145px;padding:16px;background:#0B1114} .srccard:hover{background:#11151A;box-shadow:none} .srchead{align-items:flex-start}.srchead b{font-size:13px;font-weight:560;color:#F5F9FA}.srchead span{color:#49E6EC} .srcwhy{margin:12px 0;color:rgba(213,224,228,.66);font-size:11.5px;line-height:1.5} .srcquant{font-family:var(--mono);font-size:9px;letter-spacing:.05em;color:#49E6EC} .data-method{margin-top:34px;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.12)} .data-method summary{display:flex;align-items:center;justify-content:space-between;min-height:66px;cursor:pointer;color:#F5F9FA;font-size:15px;font-weight:500;list-style:none} .data-method summary::-webkit-details-marker{display:none}.data-method summary span{color:#49E6EC;font-size:20px}.data-method[open] summary span{transform:rotate(45deg)} .data-method div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0 0 26px} .data-method p{margin:0;color:rgba(213,224,228,.68);font-size:12.5px;line-height:1.65}.data-method p b{color:#F5F9FA} .filter-scrim{position:fixed;inset:0;z-index:79;background:rgba(5,7,10,.72);backdrop-filter:blur(3px)} .filter-sheet{position:fixed;right:0;top:0;bottom:0;z-index:80;width:min(470px,100%);display:flex;flex-direction:column;background:#F5F7F8;color:#0B1114;box-shadow:-18px 0 50px rgba(0,0,0,.28)} .filter-sheet[hidden]{display:none} .filter-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 24px 22px;border-bottom:1px solid rgba(11,17,20,.1)} .filter-sheet-head h2{margin:5px 0 0;font-size:31px;font-weight:300;letter-spacing:-.03em}.filter-sheet-head button{width:44px;height:44px;font-size:30px;color:#0B1114} .filter-sheet-body{flex:1;overflow:auto;padding:25px 24px}.filter-sheet-body .filter-group{margin-bottom:30px} .filter-sheet-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;padding:18px 24px 24px;border-top:1px solid rgba(11,17,20,.1)} .filter-sheet-actions button{min-height:46px;border-radius:2px;font-size:13px;font-weight:600}.sheet-clear{border:1px solid rgba(11,17,20,.2);color:#0B1114}.sheet-apply{background:#0B1114;color:#F5F7F8}.sheet-apply:hover{background:#0F7D8C} .filter-sheet-open{overflow:hidden} .footer{margin-top:0;padding:clamp(56px,8vw,96px) 0 28px;background:#0A0D11;border-top:1px solid rgba(255,255,255,.1)} .footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:clamp(30px,7vw,100px)}.footer .ees-wordmark{width:137px;margin-bottom:18px} .footer h3{margin:0 0 13px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:rgba(213,224,228,.48)} .footer a{font-size:13px;color:rgba(245,249,250,.9);padding:5px 0}.footer a:hover{color:#49E6EC} .footer-bottom{max-width:none;margin:54px 0 0;padding:18px 0 0;font-size:10px}.footer-brand{font-size:13px;max-width:43ch} .index-noscript{margin-top:42px;margin-bottom:42px;padding:24px;border:1px solid rgba(255,255,255,.14);background:#11151A;color:rgba(213,224,228,.78)} .index-noscript h2{margin:0 0 10px;color:#F5F9FA;font-size:22px;font-weight:400}.index-noscript p{margin:0 0 12px;line-height:1.6}.index-noscript a{color:#49E6EC;text-decoration:underline;text-underline-offset:3px}.index-noscript ul{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none}.index-noscript li{font-size:13px} /* Static pages inherit the same EES header/footer and generous reading rhythm. */ .detail-grid{padding-top:48px}.page-hero{padding-top:18px}.page-eyebrow{color:#49E6EC}.page-h1{color:#F5F9FA}.side-block,.stepper-body,.rescard{border-radius:4px}.cta-box{border-radius:4px} @media (min-width:1320px){.stacks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stack-card{min-height:350px}} @media (max-width:980px){ .index-nav .nav-inner{grid-template-columns:minmax(0,1fr) auto;gap:20px}.index-return{display:none}.index-menu-btn{display:flex}.navlinks{display:none} .index-mobile-menu{position:fixed;inset:0;z-index:69;display:flex;flex-direction:column;justify-content:center;background:rgba(5,7,10,.97);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .45s ease;padding:calc(76px + clamp(20px,4vh,40px)) clamp(24px,8vw,64px) clamp(32px,4vh,52px)} .index-mobile-menu.open{opacity:1;pointer-events:auto}.index-mobile-menu nav{display:flex;flex-direction:column} .index-mobile-menu a{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:clamp(22px,6vw,34px);font-weight:300;letter-spacing:-.02em}.index-mobile-menu .mobile-return{margin-top:24px;color:#49E6EC;font-size:14px;font-weight:500;letter-spacing:.01em;border:1px solid rgba(73,230,236,.35);padding:14px 20px;text-align:center} .catalog-layout{grid-template-columns:1fr}.filter-panel,.filter-rail{display:none}.catalog-mobile-controls{display:block;padding:0 clamp(20px,4vw,52px) 19px;border-bottom:1px solid rgba(11,17,20,.1)} .filter-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;padding:0 13px;border:1px solid rgba(11,17,20,.18);border-radius:2px;font-size:13px;font-weight:600}.filter-trigger b{min-width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:rgba(15,125,140,.12);font-family:var(--mono);font-size:10px;color:#0F7D8C} .stacks-grid,.collgrid,.srcgrid{grid-template-columns:1fr}.source-cluster-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.data-method div{grid-template-columns:1fr} } @media (max-width:680px){ .nav,.nav-inner{height:68px}.nav-inner{padding-left:20px;padding-right:20px}.index-mobile-menu{padding-top:calc(68px + clamp(20px,4vh,40px))}.index-brand-rule,.index-brand-name{display:none}.ees-wordmark{width:122px} .index-hero{--hero-rib:58px} .index-hero-inner{padding-top:98px;padding-bottom:58px}.index-hero h1{font-size:clamp(43px,12vw,64px)}.index-lede{font-size:16px}.index-search{min-height:58px;padding:0 15px}.index-search input{font-size:14px}.index-stats{margin-top:23px;gap:7px}.index-stat{padding:12px 9px 13px}.index-stat b{font-size:18px}.index-stat span{font-size:10px} .catalog-intro{align-items:flex-start;flex-direction:column;gap:14px;padding:25px 20px 18px}.catalog-context{align-items:flex-start;text-align:left}.catalog-freshness{max-width:none}.browse-main{padding:18px 12px 25px}.catalog-mobile-controls{padding:0 20px 16px} .reslist-labels{display:none}.resource-row{grid-template-columns:minmax(0,1fr) 18px;gap:12px;padding:16px 8px;min-height:0}.resource-context{display:none}.resource-signal{grid-column:1;grid-row:2;align-items:flex-start;flex-direction:row;gap:6px;text-align:left;margin-top:-2px}.resource-signal b{font-size:12px}.resource-signal span{font-size:10px}.resource-arrow{grid-column:2;grid-row:1/3}.resource-description{-webkit-line-clamp:2}.resource-tags{margin-top:8px} .section-head{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:25px}.section-desc{font-size:13px}.stack-card{min-height:0}.source-cluster-cards{grid-template-columns:1fr}.data-method{margin-top:28px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{margin-top:38px;align-items:flex-start;flex-direction:column}.filter-sheet{width:100%} } /* Final browse-surface refinement: keep the catalog in the same dark EES atmosphere as Stacks, Collections, and Source Feeds. */ .index-catalog-section{background:#05070A} .catalog-shell{background:#151A1D;color:#F5F9FA;border-color:rgba(255,255,255,.1);box-shadow:0 24px 64px rgba(0,0,0,.3)} .catalog-intro{border-bottom-color:rgba(255,255,255,.1)} .catalog-intro h2{color:#F5F9FA} .catalog-intro h2 + p{color:rgba(213,224,228,.66)} .catalog-freshness{color:rgba(213,224,228,.6)} .method-link{color:#49E6EC;border-bottom-color:rgba(73,230,236,.32)} .method-link:hover{color:#8FF7EF;border-color:#8FF7EF} .filter-panel{border-right-color:rgba(255,255,255,.1)} .filter-panel-top p,.filter-group h3{color:rgba(213,224,228,.5)} .filter-collapse{color:#49E6EC} .filter-option{color:rgba(245,249,250,.74)} .filter-option b{color:rgba(213,224,228,.45)} .filter-option:hover{background:#20272B;color:#F5F9FA} .filter-option.active{background:rgba(73,230,236,.13);border-left-color:#49E6EC;color:#F5F9FA} .filter-option.active::before,.filter-option.active b{color:#49E6EC} .filter-rail{border-right-color:rgba(255,255,255,.1);color:#49E6EC} .filter-rail b{background:rgba(73,230,236,.12);color:#49E6EC} .catalog-mobile-controls{border-bottom-color:rgba(255,255,255,.1)} .filter-trigger{background:#1D2328;border-color:rgba(255,255,255,.16);color:#F5F9FA} .filter-trigger:hover{border-color:#49E6EC;background:#222A2F} .filter-trigger b{background:rgba(73,230,236,.13);color:#49E6EC} .active-chip{background:rgba(73,230,236,.12);border-color:rgba(73,230,236,.32);color:#F5F9FA} .active-chip:hover{background:rgba(73,230,236,.2);border-color:#49E6EC} .active-chip span{color:#8FF7EF} .clear-filters{color:#49E6EC} .clear-filters:hover{color:#8FF7EF} .reslist-labels{border-bottom-color:rgba(255,255,255,.13);color:rgba(213,224,228,.45)} .resource-row{background:#1D2328;border:1px solid rgba(255,255,255,.08);border-radius:3px;margin-bottom:8px;padding:19px 14px;min-height:104px;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease} .resource-row:hover{background:#242C31;border-color:rgba(73,230,236,.28);box-shadow:0 8px 22px rgba(0,0,0,.14);transform:translateY(-1px)} .resource-name{color:#F5F9FA;font-size:15.5px} .resource-row:hover .resource-name{color:#8FF7EF} .resource-description{color:rgba(213,224,228,.8);line-height:1.5} .resource-tags .tag{background:#273136;color:rgba(213,224,228,.66)} .resource-context{color:rgba(213,224,228,.58)} .resource-signal{color:rgba(213,224,228,.6)} .resource-signal b{color:#F5F9FA} .resource-signal.live b,.resource-signal.live span{color:#49E6EC} .resource-arrow{color:rgba(213,224,228,.5)} .resource-row:hover .resource-arrow{color:#49E6EC} .empty{color:rgba(213,224,228,.66)} .empty b{color:#F5F9FA} .showmore{border-top-color:rgba(255,255,255,.1);color:#49E6EC} .showmore:hover{background:#20272B} .index-catalog-section button:focus-visible,.index-catalog-section a:focus-visible,.filter-sheet button:focus-visible{outline:2px solid #8FF7EF;outline-offset:3px} .filter-sheet{background:#151A1D;color:#F5F9FA;box-shadow:-18px 0 50px rgba(0,0,0,.45)} .filter-sheet-head{border-bottom-color:rgba(255,255,255,.1)} .filter-sheet-head h2,.filter-sheet-head button{color:#F5F9FA} .filter-sheet-body .filter-group h3{color:rgba(213,224,228,.5)} .filter-sheet-actions{border-top-color:rgba(255,255,255,.1)} .sheet-clear{background:#1D2328;border-color:rgba(255,255,255,.18);color:#F5F9FA} .sheet-clear:hover{border-color:#49E6EC;background:#222A2F} .sheet-apply{background:#49E6EC;color:#071013} .sheet-apply:hover{background:#8FF7EF} @media (max-width:680px){ .catalog-shell{border-radius:3px} .browse-main{padding:20px 12px 28px} .resource-row{padding:18px 12px;gap:14px;margin-bottom:8px} .resource-name{font-size:16px;line-height:1.25} .resource-description{margin-top:6px;line-height:1.52} .resource-signal{margin-top:10px;gap:7px} .resource-tags{margin-top:10px} .resource-arrow{align-self:start;margin-top:2px} }