.hero{background:var(--green);color:#fff;text-align:center;padding:56px 24px 88px}.hero-inner{max-width:720px;margin:0 auto}.hero h1{letter-spacing:-.01em;margin:0 0 10px;font-size:36px;font-weight:700}.hero p{color:#ffffffc7;margin:0;font-size:17px}.portal{max-width:1000px;margin:-48px auto 0;padding:0 24px 64px}.tools{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;display:grid}.tool{color:inherit;align-items:flex-start;gap:16px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}a.tool:hover,a.tool:focus-visible{transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}.tool-icon{border-radius:var(--radius);width:48px;height:48px;color:var(--green);background:var(--yellow);flex:none;place-items:center;font-size:24px;font-weight:700;display:grid}.tool-icon svg{width:26px;height:26px}.tool-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.tool-name{color:var(--green);font-size:18px;font-weight:700}.tool-desc{color:var(--muted);font-size:14px}.tool-tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.tool-tags span{background:var(--green-soft);color:var(--green);border-radius:99px;padding:2px 10px;font-size:12px;font-weight:500}.tool-arrow{color:var(--yellow-hover);font-size:20px;font-weight:700;transition:transform .15s}a.tool:hover .tool-arrow{transform:translate(4px)}.tool-soon{border-radius:var(--radius);background:#fafaf7;border:2px dashed #d9d6cb;padding:20px}.tool-soon .tool-icon{background:var(--bg);color:var(--taupe)}.tool-soon .tool-name{color:var(--taupe)}@media (width<=860px){.hero{padding:40px 16px 76px}.hero h1{font-size:28px}.portal{padding:0 16px 48px}}