.product-docs-fancy{background:radial-gradient(circle at 50% 0,hsla(74,95%,71%,.08) 0,transparent 30%),linear-gradient(180deg,#0b0b0b 0,#111);color:#fff;padding:6rem 0}.product-docs-fancy__intro{margin:0 auto 3rem;max-width:760px}.product-docs-fancy__eyebrow{color:#dafb71;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin-bottom:.75rem;text-transform:uppercase}.product-docs-fancy__title{color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1;margin:0 0 1rem}.product-docs-fancy__description{color:hsla(0,0%,100%,.72);font-size:1rem;line-height:1.7}.product-docs-fancy__description p:last-child{margin-bottom:0}.product-docs-fancy__grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.product-docs-fancy__card{backdrop-filter:blur(6px);background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;min-height:180px;padding:1.5rem 1.5rem 3rem;position:relative;text-decoration:none;transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}.product-docs-fancy__card:hover{background:hsla(0,0%,100%,.06);border-color:hsla(74,95%,71%,.28);box-shadow:0 16px 40px rgba(0,0,0,.22);transform:translateY(-4px)}.product-docs-fancy__card-title{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.25;margin:10px 0 .65rem}.product-docs-fancy__card-text{color:hsla(0,0%,100%,.68);font-size:.92rem;line-height:1.55;margin:0}.product-docs-fancy__icon{background:none;border-radius:0;bottom:20px;color:hsla(0,0%,100%,.7);font-size:1.2rem;height:auto;position:absolute;right:20px;transform:rotate(45deg);transform:rotate(0deg);transition:transform .3s ease,color .3s ease;transition:transform .4s cubic-bezier(.22,1,.36,1),color .3s ease;width:auto}.product-docs-fancy__card:hover .product-docs-fancy__icon{color:#dafb71;transform:rotate(45deg) scale(1.15)}@media (max-width:1199px){.product-docs-fancy__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:991px){.product-docs-fancy{padding:4.5rem 0}.product-docs-fancy__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.product-docs-fancy{padding:3.5rem 0}.product-docs-fancy__grid{grid-template-columns:1fr}.product-docs-fancy__card{min-height:auto}}