/* documentation hub */
.docs-hub{padding:128px 0;border-bottom:1px solid var(--line);background:radial-gradient(circle at 10% 18%,rgba(127,184,255,.10),transparent 30%),radial-gradient(circle at 88% 20%,rgba(119,223,178,.07),transparent 28%),#060d18}.docs-head{display:grid;grid-template-columns:1fr .72fr;gap:72px;align-items:end}.docs-head h2{font-size:clamp(50px,5vw,78px);letter-spacing:-.052em;line-height:.99;margin:0;font-weight:590;max-width:940px}.docs-head .section-lead{max-width:820px}.docs-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.docs-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:18px;margin-top:58px}.docs-primary{position:relative;min-height:410px;border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:30px;background:linear-gradient(145deg,rgba(16,34,59,.82),rgba(7,16,29,.82));overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.docs-primary::before{content:"";position:absolute;inset:0;background:radial-gradient(520px circle at 22% 18%,rgba(127,184,255,.17),transparent 47%),radial-gradient(440px circle at 82% 78%,rgba(169,140,255,.10),transparent 52%);pointer-events:none}.docs-primary>*{position:relative;z-index:1}.docs-primary .docs-label{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#93aac5;letter-spacing:.11em;text-transform:uppercase}.docs-primary h3{font-size:clamp(38px,3.6vw,58px);letter-spacing:-.048em;line-height:1.02;margin:0 0 18px;font-weight:590}.docs-primary p{max-width:620px;color:#b5c5d7;font-size:17px;line-height:1.78;margin:0}.docs-command{margin-top:28px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(3,10,20,.58);padding:15px 17px;color:#96c5ff;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.docs-links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.docs-link{--accent:var(--blue);position:relative;min-height:218px;border:1px solid rgba(255,255,255,.08);border-radius:17px;padding:22px 22px 54px;background:rgba(10,24,43,.54);overflow:hidden;transition:transform .72s var(--ease-card),border-color .62s var(--ease-soft),background .62s var(--ease-soft),box-shadow .72s var(--ease-card)}.docs-link:nth-child(2){--accent:var(--violet)}.docs-link:nth-child(3){--accent:var(--green)}.docs-link:nth-child(4){--accent:var(--coral)}.docs-link:nth-child(5){--accent:var(--yellow)}.docs-link:nth-child(6){--accent:var(--cyan)}.docs-link::before{content:"";position:absolute;left:0;top:0;width:44%;height:2px;background:linear-gradient(90deg,var(--accent),transparent);transition:width .62s var(--ease-card),opacity .45s ease}.docs-link:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 38%,rgba(255,255,255,.12));background:rgba(14,31,54,.72);box-shadow:0 18px 42px rgba(0,0,0,.15)}.docs-link:hover::before{width:78%}.docs-link span{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#7f96b3}.docs-link h4{font-size:24px;letter-spacing:-.025em;margin:32px 0 11px}.docs-link p{font-size:15px;line-height:1.72;color:#b2c2d3;margin:0}.docs-link .path{position:absolute;left:22px;bottom:19px;color:var(--accent);font:11px ui-monospace,SFMono-Regular,Consolas,monospace}
