:root{--ink:#17201c;--muted:#58635e;--paper:#f7f3e8;--panel:#fffdf6;--line:#d9d2bf;--green:#136f46;--green-strong:#0b4d31;--blue:#254f7f;--red:#9d2b2b;--amber:#8c620f;--shadow:0 24px 70px #242a2621}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(120deg, #136f4614, transparent 36%), linear-gradient(180deg, #fbf8ee 0%, var(--paper) 54%, #eef4ef 100%);color:var(--ink);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-shell{min-height:100vh}.nav{justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:0 auto;padding:22px 24px;display:flex}.brand{align-items:center;gap:12px;font-weight:750;display:flex}.brand-mark{background:var(--ink);color:var(--paper);border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.nav-links{color:var(--muted);align-items:center;gap:20px;font-size:14px;display:flex}.nav-links a:hover{color:var(--ink)}.hero{grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);gap:46px;max-width:1180px;margin:0 auto;padding:58px 24px 72px;display:grid}.hero-copy{align-self:center}h1{letter-spacing:0;max-width:820px;margin:0 0 28px;font-size:clamp(52px,7vw,104px);line-height:.9}.lede{color:#34423b;max-width:680px;margin:0 0 18px;font-size:21px;line-height:1.5}.hero-note{border-left:3px solid var(--green);color:var(--muted);max-width:610px;margin:0 0 22px;padding-left:14px;font-size:16px;line-height:1.5}.avl-ready-badge{background:#fffdf6e6;border:1px solid #136f4652;border-radius:8px;align-items:center;gap:12px;margin-bottom:24px;padding:10px 12px;display:inline-flex;box-shadow:0 14px 34px #136f461c}.badge-mark{background:var(--green);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:52px;height:42px;font-size:14px;font-weight:860;display:inline-flex}.avl-ready-badge strong{font-size:14px;line-height:1.1;display:block}.avl-ready-badge small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border-radius:8px;align-items:center;min-height:52px;padding:0 20px;font-weight:720;display:inline-flex}.button.primary{background:var(--green);color:#fff}.button.secondary{border:1px solid var(--line);color:var(--ink)}.validator-panel{box-shadow:var(--shadow);background:#fffdf6eb;border:1px solid #17201c1f;border-radius:8px;align-self:start;padding:26px;position:sticky;top:20px}.panel-header{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.panel-title{margin:0 0 6px;font-size:24px;font-weight:780}.panel-subtitle{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.status-chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;align-self:start;padding:7px 10px;font-size:12px;font-weight:760}.validator-form{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.url-input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;width:100%;min-width:0;min-height:58px;padding:0 16px;font-size:17px}.submit-button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:58px;padding:0 22px;font-weight:760}.submit-button:disabled{cursor:wait;opacity:.72}.result{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.result-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.grade{background:var(--green);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:74px;height:56px;font-size:24px;font-weight:820;display:inline-flex}.grade.invalid{background:var(--red)}.summary{color:var(--muted);font-size:14px}.empty-state{border:1px dashed var(--line);color:var(--muted);background:#ffffffa3;border-radius:8px;margin-top:18px;padding:18px}.empty-state strong{color:var(--ink);margin-bottom:6px;display:block}.empty-state p{margin:0;font-size:14px;line-height:1.45}.report-actions{align-items:center;gap:10px;margin-top:18px;display:flex}.copy-report-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;flex:none;min-height:38px;padding:0 13px;font-size:13px;font-weight:780}.report-actions span{color:var(--muted);font-size:12px;line-height:1.35}.directory-callout{background:#136f4617;border:1px solid #136f463d;border-radius:8px;margin-top:12px;padding:14px}.directory-callout strong{color:var(--green-strong);margin-bottom:5px;font-size:14px;display:block}.directory-callout p{color:var(--muted);margin:0 0 10px;font-size:13px;line-height:1.4}.directory-callout a{color:var(--green-strong);font-size:13px;font-weight:800}.checks{gap:8px;max-height:430px;margin-top:18px;padding-right:4px;display:grid;overflow:auto}.check{border:1px solid var(--line);background:#ffffffad;border-radius:8px;overflow:hidden}.check[open]{background:#fff}.check summary{cursor:pointer;grid-template-columns:76px minmax(0,1fr) auto;align-items:start;gap:10px;padding:11px 12px;list-style:none;display:grid}.check summary::-webkit-details-marker{display:none}.check-status{text-align:center;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.check-status.pass{color:var(--green-strong);background:#136f461f}.check-status.warn{color:var(--amber);background:#8c620f21}.check-status.fail{color:var(--red);background:#9d2b2b1f}.check-id{margin:0 0 3px;font-size:13px;font-weight:760;display:block}.check-message{color:var(--muted);margin:0;font-size:13px;line-height:1.35;display:block}.check-toggle{color:var(--muted);padding-top:4px;font-size:12px;font-weight:760}.check[open] .check-toggle{color:var(--green-strong)}.check-guidance{border-top:1px solid var(--line);color:var(--muted);gap:12px;padding:12px 14px 14px 98px;display:grid}.check-guidance strong{color:var(--ink);text-transform:uppercase;margin-bottom:5px;font-size:12px;display:block}.check-guidance p,.check-guidance ul{margin:0;font-size:13px;line-height:1.45}.check-guidance ul{padding-left:18px}.resource-links{flex-wrap:wrap;gap:8px;display:flex}.resource-links a{color:var(--green-strong);background:#136f461a;border:1px solid #136f4633;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:780}.directory-list{gap:14px;display:grid}.directory-entry{border:1px solid var(--line);background:#fffdf6d6;border-radius:8px;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:18px;padding:20px;display:grid}.directory-rank{background:var(--green);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;font-size:26px;font-weight:860;display:inline-flex}.directory-entry h2{margin:0 0 6px;font-size:26px}.directory-entry p{color:var(--muted);margin:0 0 12px}.directory-meta{flex-wrap:wrap;gap:8px;display:flex}.directory-meta span,.directory-meta a{border:1px solid var(--line);color:var(--ink);background:#ffffffb8;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:780}.directory-meta a{color:var(--green-strong)}.error{color:var(--red);background:#9d2b2b1a;border:1px solid #9d2b2b38;border-radius:8px;margin-top:16px;padding:12px}.section{max-width:1180px;margin:0 auto;padding:48px 24px}.section h2{max-width:760px;margin:0 0 18px;font-size:clamp(32px,4vw,56px);line-height:1}.section-lede{color:var(--muted);max-width:760px;margin:0 0 30px;font-size:18px;line-height:1.55}.explainer{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);align-items:center;gap:38px;display:grid}.flow-diagram{border:1px solid var(--line);background:#fffdf6b8;border-radius:8px;gap:14px;padding:18px;display:grid}.flow-node{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px;position:relative}.flow-node span{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:720;display:block}.flow-node strong{font-size:24px;line-height:1.1;display:block}.flow-node.agent{border-color:#136f466b;box-shadow:0 0 0 4px #136f4614}.flow-path{background:linear-gradient(90deg, transparent, var(--green), transparent);height:2px;position:relative;overflow:hidden}.flow-path:after{content:"";background:#fff;width:18%;height:2px;animation:2.4s ease-in-out infinite pulse-path;position:absolute;top:0;left:-18%}@keyframes pulse-path{0%{left:-18%}to{left:100%}}.level-grid,.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.agent-example{color:#f7f3e8;background:#14201b;border-radius:8px;overflow:hidden}.example-header{border-bottom:1px solid #f7f3e82e;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.example-header a{color:#a7d8bd;font-size:13px;font-weight:760}.agent-example pre{color:#f3efe3;margin:0;padding:18px;font-size:13px;line-height:1.55;overflow:auto}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.level,.resource{border:1px solid var(--line);background:#fffdf6c7;border-radius:8px;padding:20px}.level strong,.resource strong{margin-bottom:10px;font-size:18px;display:block}.level p,.resource p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.code-band{color:#f7f3e8;background:#14201b;margin-top:30px;overflow:hidden}.code-band pre{max-width:1180px;margin:0 auto;padding:32px 24px;overflow:auto}.footer{border-top:1px solid var(--line);color:var(--muted);max-width:1180px;margin:48px auto 0;padding:28px 24px 40px}.footer-grid{grid-template-columns:minmax(0,1fr) auto;gap:22px;display:grid}.footer strong{color:var(--ink);margin-bottom:8px;font-size:18px;display:block}.footer p{max-width:720px;margin:0;line-height:1.5}.footer a{color:var(--green-strong);font-weight:720}.footer-links{flex-wrap:wrap;gap:14px;display:flex}.badge-row{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.badge-row a{border:1px solid var(--line);color:var(--ink);background:#fffdf6cc;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:780}.badge-row .badge-featured{color:var(--green-strong);background:#136f461f;border-color:#136f4657}@media (max-width:920px){.hero{grid-template-columns:1fr;padding-top:32px}.validator-panel{position:static}.explainer{grid-template-columns:1fr}.level-grid,.resource-grid,.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.nav{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap}.hero{gap:30px;padding-bottom:44px}h1{font-size:52px}.validator-form{grid-template-columns:1fr}.submit-button{width:100%}.result-top,.report-actions{flex-direction:column;align-items:flex-start}.check summary{grid-template-columns:76px minmax(0,1fr)}.check-toggle{grid-column:2;padding-top:0}.check-guidance{padding-left:14px}.directory-entry{grid-template-columns:1fr;align-items:start}.level-grid,.resource-grid,.example-grid,.footer-grid{grid-template-columns:1fr}.flow-node strong{font-size:19px}}