.landing{--paper:#eef2f0;--card:#fff;--ink:#12312b;--ink-soft:#4a6862;--rule:#d2ddd8;--teal:#0f5b4f;--teal-dim:#e2ede9;--saffron:#d98a05;--saffron-dim:#fbefd9;--radius:10px;background:var(--paper);background-image:linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px);min-height:100vh;color:var(--ink);background-position:-1px -1px;background-size:28px 28px;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:16px;line-height:1.55}.landing .wrap{max-width:1120px;margin:0 auto;padding:0 20px 80px}.landing .brandbar{border-bottom:1px solid var(--rule);background:#fff}.landing .brandbar .wrap{padding-top:14px;padding-bottom:14px}.landing .brandlogo{width:100%;max-width:1120px;height:auto;display:block}.landing header.top{background:var(--teal);color:#eaf3f0;border-bottom:3px solid var(--saffron)}.landing header.top .wrap{padding-top:44px;padding-bottom:40px}.landing .eyebrow{color:#9dc4ba;letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem}.landing h1{max-width:20ch;margin:0 0 14px;font-size:clamp(1.7rem,4.4vw,2.7rem);font-weight:600;line-height:1.12}.landing header.top p.lede{color:#c6ddd6;max-width:64ch;margin:0;font-size:1.02rem}.landing .stages{flex-wrap:wrap;gap:8px;margin:30px 0 0;padding:0;list-style:none;display:flex}.landing .stages li{color:#bcd8d0;border:1px solid #3a7a6c;border-radius:20px;align-items:center;gap:7px;padding:4px 13px;font-size:.8rem;display:flex}.landing .stages li b{color:#eaf3f0;font-family:IBM Plex Mono,monospace;font-weight:600}.landing .intro{max-width:70ch;color:var(--ink-soft);margin:34px 0 22px}.landing .intro strong{color:var(--ink);font-weight:600}.landing .grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.landing a.pcard{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);color:inherit;flex-direction:column;padding:20px 20px 18px;text-decoration:none;transition:transform .13s,box-shadow .13s,border-color .13s;display:flex;position:relative;overflow:hidden}.landing a.pcard:before{content:"";background:var(--saffron);transform-origin:top;width:4px;transition:transform .16s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.landing a.pcard:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 6px 18px #12312b1a}.landing a.pcard:hover:before{transform:scaleY(1)}.landing a.pcard:focus-visible{outline:2px solid var(--saffron);outline-offset:2px}.landing .num{color:var(--teal);background:var(--teal-dim);border-radius:5px;align-self:flex-start;margin:0 0 11px;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:600}.landing a.pcard h2{margin:0 0 7px;font-size:1.06rem;font-weight:600;line-height:1.3}.landing a.pcard p.qn{color:var(--ink-soft);flex:1;margin:0 0 16px;font-size:.93rem}.landing .tags{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.landing .tags span{color:#8a5602;background:var(--saffron-dim);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:.74rem}.landing .go{color:var(--teal);border-top:1px solid var(--rule);align-items:center;gap:6px;padding-top:12px;font-size:.83rem;font-weight:600;display:flex}.landing .go svg{transition:transform .13s}.landing a.pcard:hover .go svg{transform:translate(3px)}.landing footer{border-top:1px solid var(--rule);color:var(--ink-soft);max-width:70ch;margin:44px 0 0;padding-top:22px;font-size:.88rem}