:root{--bg:#f6f4ef;--surface:#fff;--surface-strong:#fefcf8;--ink:#18201f;--muted:#60706b;--line:#d9dfd8;--accent:#0f7f6e;--accent-strong:#075e54;--amber:#d99a21;--rose:#b84a62;--blue:#316fbc;--shadow:0 18px 55px #1f2c291f;--radius:8px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.site-header{padding:14px max(22px, calc((100vw - var(--max)) / 2));z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f4efeb;border-bottom:1px solid #18201f14;justify-content:space-between;align-items:center;gap:20px;display:flex;position:sticky;top:0;left:0;right:0}.brand,.footer-brand{align-items:center;gap:10px;font-weight:780;display:inline-flex}.brand-mark{background:var(--ink);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.desktop-nav{align-items:center;gap:4px;display:flex}.desktop-nav a,.mobile-nav a{color:#34423f;border-radius:7px;padding:8px 10px;font-size:.94rem}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--ink);background:#e9eee8}.mobile-nav{display:none;position:relative}.mobile-nav summary{border:1px solid var(--line);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:44px;height:40px;list-style:none;display:flex}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav div{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;min-width:220px;padding:8px;display:grid;position:absolute;top:48px;right:0}.home-hero,.page-hero{max-width:var(--max);grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:34px;min-height:calc(100vh - 150px);margin:0 auto;padding:54px 22px 40px;display:grid}.page-hero{grid-template-columns:minmax(0,1fr) 360px;align-items:center;min-height:auto;padding-bottom:34px}.hero-copy{align-self:center}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{max-width:920px;margin-bottom:22px;font-size:clamp(3rem,8vw,6.6rem);line-height:.92}.page-hero h1{font-size:clamp(2.3rem,5.6vw,5.2rem)}h2{margin-bottom:14px;font-size:clamp(1.8rem,4vw,3rem);line-height:1}h3{margin-bottom:8px;font-size:1.05rem}.hero-copy>p:not(.eyebrow),.section-copy{color:var(--muted);max-width:700px;font-size:clamp(1.05rem,2vw,1.28rem)}.updated-line{color:#52635f;align-items:center;gap:8px;margin:14px 0 0;font-size:.95rem;display:flex}.updated-line svg{color:var(--accent);flex:none}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.button,.preview-actions button{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-weight:760;display:inline-flex}.button.primary,.preview-actions button:first-child{background:var(--accent);color:#fff}.button.secondary,.preview-actions button{background:var(--surface);border-color:var(--line);color:var(--ink)}.button.ghost{color:var(--accent-strong)}.button:hover,.preview-actions button:hover,.text-link:hover{transform:translateY(-1px)}.hero-visual{box-shadow:var(--shadow);border:1px solid #18201f1f;border-radius:8px;align-self:end;min-height:420px;overflow:hidden}.hero-visual img{object-fit:cover;width:100%;height:100%;min-height:420px}.section-band{max-width:var(--max);margin:0 auto;padding:56px 22px}.section-band.subtle{border-bottom:1px solid var(--line);border-top:1px solid var(--line);max-width:none;padding-left:max(22px, calc((100vw - var(--max)) / 2));padding-right:max(22px, calc((100vw - var(--max)) / 2));background:#edf1ea}.section-band.split{grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px;display:grid}.section-heading{margin-bottom:24px}.section-heading.inline{justify-content:space-between;align-items:end;gap:18px;display:flex}.text-link{color:var(--accent-strong);white-space:nowrap;align-items:center;gap:6px;font-weight:760;display:inline-flex}.feature-grid{gap:16px;display:grid}.feature-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid.generators,.generator-index{grid-template-columns:repeat(5,minmax(0,1fr))}.feature-card,.mini-card,.verdict-panel{background:var(--surface);border:1px solid #18201f1c;border-radius:8px;box-shadow:0 8px 26px #1f2c2912}.feature-card{min-height:190px;padding:22px}.feature-card svg,.mini-card svg{color:var(--accent)}.feature-card p,.mini-card p,.verdict-panel p{color:var(--muted);margin-bottom:0}.mini-card{align-items:flex-start;gap:12px;min-height:116px;padding:16px;display:flex}.mini-card h3{margin-bottom:3px}.link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.link-grid a,.content-map a,.side-panel a{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;min-height:54px;padding:12px 14px;display:flex}.link-grid a:hover,.content-map a:hover,.feature-card:hover,.mini-card:hover,.side-panel a:hover{border-color:#0f7f6e73;box-shadow:0 10px 28px #1f2c2914}.server-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.server-list div{color:#fff;background:#10201e;border-radius:8px;min-height:76px;padding:16px}.server-list span{color:#a8c9c0;margin-top:5px;font-size:.9rem;display:block}.content-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.content-map a{flex-direction:column;align-items:flex-start;font-weight:720}.content-map span{color:var(--accent-strong);text-transform:uppercase;font-size:.78rem;font-weight:820}.verdict-panel{color:#fff;background:#10201e;align-self:center;padding:24px}.verdict-panel span{color:#9ed8ca;text-transform:uppercase;margin-bottom:10px;font-size:.82rem;font-weight:820;display:block}.verdict-panel p{color:#f4fbf8;font-size:1.08rem}.article-layout{max-width:var(--max);grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:34px;margin:0 auto;padding:20px 22px 70px;display:grid}.article{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;padding:clamp(20px,4vw,42px)}.article section+section{border-top:1px solid var(--line);margin-top:34px;padding-top:34px}.article h2{font-size:clamp(1.45rem,2.8vw,2.2rem)}.article p{color:#40504c;font-size:1.04rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:14px}th{color:#263532;text-transform:uppercase;background:#e9eee8;font-size:.86rem}.check-list{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.check-list li{align-items:flex-start;gap:10px;display:flex}.check-list svg{color:var(--accent);flex:none;margin-top:2px}.code-block,.generator-preview pre{color:#eaf7f2;white-space:pre-wrap;background:#111a18;border-radius:8px;margin:18px 0 0;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.65;overflow:auto}.faq-list{gap:10px;display:grid}.faq-list details{border:1px solid var(--line);background:#f2f5ef;border-radius:8px;padding:14px}.faq-list summary{cursor:pointer;align-items:center;gap:9px;font-weight:780;display:flex}.faq-list p{margin:12px 0 0 28px}.mcp-directory{border-top:1px solid var(--line);margin-top:34px;padding-top:34px}.directory-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.directory-header h2{margin-bottom:8px}.directory-header p{margin-bottom:0}.directory-header>span{color:var(--accent-strong);background:#d8eee8;border-radius:999px;flex:none;padding:7px 10px;font-size:.86rem;font-weight:800}.directory-filters{border:1px solid var(--line);background:#f2f5ef;border-radius:8px;grid-template-columns:1.25fr repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;padding:14px;display:grid}.search-field>div{border:1px solid var(--line);background:#fbfcf8;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 10px;display:flex}.search-field>div:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #0f7f6e1f}.search-field input{box-shadow:none;border:0;min-height:40px;padding:0}.directory-results{gap:12px;display:grid}.server-card{border:1px solid var(--line);background:#fbfcf8;border-radius:8px;gap:14px;padding:16px;display:grid}.server-card-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.server-card-title h3{margin-bottom:0}.server-card-title span{color:#d4eee6;background:#10201e;border-radius:999px;padding:5px 8px;font-size:.78rem;font-weight:800}.server-card p{margin-bottom:0}.server-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.server-card dt{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.server-card dd{margin:2px 0 0}.server-card pre{color:#eaf7f2;background:#111a18;border-radius:8px;margin:0;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.84rem;overflow-x:auto}.config-hint{color:#40504c;background:#edf6f2;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.config-hint svg{color:var(--accent);flex:none;margin-top:3px}.side-panel{position:sticky;top:90px}.side-panel h2{font-size:1.2rem}.side-panel nav{gap:8px;display:grid}.wide-main{max-width:var(--max);margin:0 auto;padding:20px 22px 72px}.generator-shell{grid-template-columns:.86fr 1.14fr;align-items:start;gap:18px;display:grid}.generator-form,.generator-preview{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 26px #1f2c2912}.generator-form{gap:14px;padding:18px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}label,fieldset{gap:7px;display:grid}label span,legend{color:#40504c;font-size:.84rem;font-weight:780}input,select,textarea{border:1px solid var(--line);color:var(--ink);background:#fbfcf8;border-radius:8px;width:100%;min-height:42px;padding:10px 11px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0f7f6e1f}.server-options{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.server-options legend{padding:0 4px}.server-options label{align-items:center;gap:8px;display:flex}.server-options input{width:auto;min-height:auto}.generator-preview{position:sticky;top:90px;overflow:hidden}.preview-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.preview-header>div:first-child,.preview-actions{align-items:center;gap:9px;display:flex}.preview-actions{flex-wrap:wrap;justify-content:flex-end}.generator-preview pre{border-radius:0;max-height:650px;margin:0}.generator-index{gap:16px;display:grid}.generator-index .feature-card{flex-direction:column;display:flex}.generator-index .feature-card h2{font-size:1.25rem}.generator-index .feature-card span{color:var(--accent-strong);align-items:center;gap:6px;margin-top:auto;font-weight:780;display:inline-flex}.footer{color:#eef8f4;padding:38px max(22px, calc((100vw - var(--max)) / 2));background:#10201e;justify-content:space-between;align-items:start;gap:28px;display:flex}.footer p{color:#bdd5cf;max-width:520px;margin:10px 0 0}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.footer-links a{color:#eef8f4;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:7px;padding:9px 11px;display:inline-flex}.not-found{max-width:760px;min-height:60vh;margin:0 auto;padding:92px 22px}@media (max-width:980px){.desktop-nav{display:none}.mobile-nav{display:block}.home-hero,.page-hero,.section-band.split,.article-layout,.generator-shell{grid-template-columns:1fr}.home-hero{min-height:auto}.hero-visual,.hero-visual img{min-height:320px}.feature-grid.three,.feature-grid.generators,.link-grid,.content-map,.generator-index,.directory-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.side-panel,.generator-preview{position:static}}@media (max-width:640px){.site-header{padding:12px 16px}.brand{font-size:.98rem}.home-hero,.page-hero,.section-band,.wide-main,.article-layout{padding-left:16px;padding-right:16px}.home-hero{padding-top:34px}.hero-actions,.section-heading.inline,.footer{flex-direction:column;align-items:stretch}.button{justify-content:center;width:100%}.feature-grid.three,.feature-grid.generators,.link-grid,.content-map,.server-list,.form-grid,.server-options,.generator-index,.directory-filters,.server-card dl{grid-template-columns:1fr}.directory-header{flex-direction:column}.article{padding:18px}.preview-header{flex-direction:column;align-items:stretch}.preview-actions button{justify-content:center;width:100%}}