.docs-hero{background:radial-gradient(circle at 78% 30%,#b9ff3814,transparent 28%)}
.docs-section{padding-top:20px}
.docs-grid{display:grid;gap:22px}
.doc-card{display:grid;grid-template-columns:.72fr 1.28fr;min-height:390px;border:1px solid var(--line);background:linear-gradient(135deg,#131813,#0b0e0b);position:relative;overflow:hidden}
.doc-card:not(.doc-featured){grid-template-columns:1fr}
.doc-code{position:absolute;top:24px;left:28px;color:var(--accent);font:600 .7rem 'Space Grotesk',sans-serif;letter-spacing:.13em;z-index:2}
.doc-cover{min-height:390px;padding:72px 38px 38px;background:radial-gradient(circle at 76% 18%,#b9ff3820,transparent 25%),#0c120b;border-right:1px solid var(--line);display:flex;flex-direction:column}
.doc-cover img{width:66px;height:66px}.doc-cover span{font:700 2rem 'Space Grotesk',sans-serif;margin-top:18px}.doc-cover strong{font:600 2rem/1.08 'Space Grotesk',sans-serif;margin-top:auto}
.doc-copy{padding:68px 48px 42px;display:flex;flex-direction:column;align-items:flex-start}.doc-copy h2{font:600 clamp(2rem,4vw,3.6rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:0 0 22px}.doc-copy p{color:var(--muted);max-width:710px;margin:0}.doc-meta{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0}.doc-meta span{border:1px solid #b9ff3840;padding:7px 10px;color:var(--accent);font-size:.76rem}.doc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto}
.docs-note{background:linear-gradient(120deg,#11180f,#090b0a)}.note-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.note-layout h2{font:600 clamp(2.4rem,4.5vw,4rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:15px 0 0}.note-layout p{color:var(--muted);margin:0 0 28px}
@media(max-width:900px){.doc-card{grid-template-columns:1fr}.doc-cover{min-height:300px;border-right:0;border-bottom:1px solid var(--line)}.note-layout{grid-template-columns:1fr;gap:35px}}
@media(max-width:620px){.doc-copy{padding:64px 24px 30px}.doc-cover{padding-left:24px;padding-right:24px}.doc-actions,.doc-actions .btn{width:100%}}