.docs-home.wrap{padding:56px 28px 96px}.docs-home-head h1{font-size:clamp(34px,5vw,48px);margin:0 0 14px;color:var(--text)}.docs-home-head p{color:var(--text-muted);font-size:17px;max-width:700px;margin:0}.docs-home-section{margin-top:56px}.docs-home-section h2{font-size:22px;margin:0 0 22px;color:var(--text)}.docs-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:40px 28px;gap:40px 28px}.docs-card{display:flex;flex-direction:column;color:inherit;text-decoration:none;border-radius:var(--radius)}.docs-card:focus-visible{outline:2px solid var(--ca,var(--green));outline-offset:6px}.docs-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:var(--surface)}.docs-card-visual{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(120% 120% at 15% 0,rgba(255,255,255,.2),transparent 55%),linear-gradient(135deg,var(--c1),var(--c2));transition:transform .45s ease}.docs-card:hover .docs-card-visual{transform:scale(1.07)}.docs-card-icon{position:relative;font-size:46px;color:#fff;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}.docs-card-ghost{position:absolute;right:-14px;bottom:-26px;font-size:150px;color:rgba(255,255,255,.14);transform:rotate(-12deg)}.docs-card-soon{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:999px;background:rgba(12,12,12,.62);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.docs-card.is-soon{cursor:default}.docs-card.is-soon:hover .docs-card-visual{transform:none}.docs-card-body{padding-top:16px}.docs-card-body h3{font-size:19px;margin:0 0 8px;color:var(--text)}.docs-card-body p{margin:0 0 14px;color:var(--text-muted);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.docs-card-tags{display:flex;flex-wrap:wrap;gap:8px}.docs-card-tag{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;color:var(--ca);border:1px solid var(--ca);background:transparent}@supports (color:color-mix(in srgb,red,blue)){.docs-card-tag{border-color:color-mix(in srgb,var(--ca) 45%,transparent);background:color-mix(in srgb,var(--ca) 10%,transparent)}}.docs-help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:16px;gap:16px}.docs-help-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:inherit;text-decoration:none;transition:border-color .2s}.docs-help-card:hover{border-color:var(--green-dim)}.docs-help-card:focus-visible{outline:2px solid var(--green);outline-offset:3px}.docs-help-icon{width:42px;height:42px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--surface-2);color:var(--green);font-size:18px}.docs-help-text{display:flex;flex-direction:column;gap:2px;min-width:0}.docs-help-text strong{font-size:15px;color:var(--text)}.docs-help-text span{font-size:13.5px;color:var(--text-muted)}@media (max-width:900px){.docs-home.wrap{padding:44px 28px 80px}.docs-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.docs-home.wrap{padding:36px 24px 64px}.docs-home-section{margin-top:44px}.docs-card-grid{grid-template-columns:1fr;gap:36px}}@media (prefers-reduced-motion:reduce){.docs-card:hover .docs-card-visual{transform:none}}.doc-note{background:#1e1e1e;border:1px solid #333333;border-radius:8px;padding:16px;margin:20px 0;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--text-muted)}.doc-note i{margin-top:3px;font-size:16px}.doc-note i,.doc-note strong{color:#ffffff}.doc-discord{display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--prod-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--prod-color) 30%,transparent);border-radius:8px;padding:16px;margin:20px 0;text-decoration:none;color:var(--text);font-size:15px;transition:background .2s,border-color .2s}.doc-discord:hover{background:color-mix(in srgb,var(--prod-color) 18%,transparent);border-color:color-mix(in srgb,var(--prod-color) 50%,transparent)}.doc-discord i{font-size:18px}.doc-discord i,.doc-discord strong{color:var(--prod-color)}.doc-discord span{color:var(--text-muted)}