@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap");
:root{--ink:#121214;--soft:#2b2b2f;--muted:#6b6b73;--surface:#f8f7fc;--line:#e5e7eb;--lime:#81bc00;--green:#169c00;--pale:#defabc;--blue:#17699a;--blue-pale:#eef7fc;--amber:#9a5b00;--amber-pale:#fff7e5;--red:#b42318;--shadow:0 14px 38px rgb(18 18 20 / 8%)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:400 16px/1.5 "Mulish",ui-sans-serif,system-ui,sans-serif}main{width:min(1180px,calc(100% - 32px));margin:auto;padding:24px 0 72px}.hero{position:relative;display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:end;padding:54px 40px 44px;overflow:hidden;border-radius:16px;background:var(--surface)}.hero::before{position:absolute;inset:0 auto 0 0;width:8px;background:var(--lime);content:""}.eyebrow,.step{margin:0;color:var(--green);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}h1,h2,h3{font-family:"Mulish",ui-sans-serif,system-ui,sans-serif}h1{max-width:780px;margin:.24em 0 .18em;font-size:clamp(2.7rem,6vw,4.5rem);font-weight:500;line-height:1.04;letter-spacing:-.04em}.lede{max-width:720px;margin:0;color:#444449;font-size:1.12rem}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-stats div{padding:16px;border-radius:12px;background:var(--pale)}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:1.8rem;font-weight:600}.hero-stats span{color:var(--green);font-size:.82rem}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:42px 0 18px}.section-head h2{margin:.18em 0 0;color:var(--soft);font-size:1.9rem;font-weight:600;letter-spacing:-.022em}.section-head>p{margin:0;color:var(--muted)}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.method-grid article,.package-card{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.method-grid article{padding:20px}.method-grid article>span,.evidence-label{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--pale);color:var(--green);font-size:.69rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.method-grid h3{margin:.7em 0 .3em}.method-grid p{margin:0;color:var(--muted);font-size:.9rem}.tools{display:flex;gap:12px;align-items:center;margin-bottom:18px}#search{flex:1;min-width:180px;padding:11px 14px;border:1px solid #cacad1;border-radius:8px;background:var(--surface);font:inherit}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font:700 .85rem "Mulish",sans-serif;cursor:pointer}.filters button.active{border-color:var(--lime);background:var(--lime)}.packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.package-card{min-width:0;padding:22px}.package-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.package-card h3{margin:0;color:var(--soft);font-size:1.3rem}.meta{margin:.3em 0;color:var(--muted)}.classification{padding:4px 9px;border-radius:999px;background:var(--amber-pale);color:var(--amber);font-size:.68rem;font-weight:800;text-transform:uppercase}.classification.lan{background:var(--pale);color:var(--green)}.classification.cloud{background:var(--blue-pale);color:var(--blue)}.classification.both{background:#e9e0f7;color:#673c88}.evidence{display:grid;gap:10px;margin-top:16px}.evidence section{padding:13px;border-radius:8px;background:var(--surface)}.evidence section.observed{background:var(--amber-pale)}.evidence section.documented{background:var(--blue-pale)}.evidence section.reviewed{background:#f1ebf8}.evidence h4{margin:0 0 .4em;font-size:.9rem}.evidence p{margin:.25em 0;color:var(--muted);font-size:.88rem;overflow-wrap:anywhere}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{padding:2px 7px;border-radius:999px;background:white;color:var(--soft);font-size:.72rem}.links{display:flex;flex-wrap:wrap;gap:11px;margin-top:14px}a{color:var(--green);font-weight:700}.caution{margin-top:34px;padding:20px;border-left:6px solid var(--lime);border-radius:0 12px 12px 0;background:var(--pale)}.empty{grid-column:1/-1;padding:30px;border-radius:16px;background:var(--surface);color:var(--muted)}
@media(max-width:900px){.method-grid{grid-template-columns:1fr 1fr}.tools{align-items:stretch;flex-direction:column}.filters{width:100%}}
@media(max-width:800px){main{width:min(100% - 20px,1180px);padding-top:10px}.hero{grid-template-columns:1fr;padding:38px 24px 32px}.packages{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.method-grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:1fr 1fr}}