/*
 Picvento Signature Card Collection — V6
 Polished native inline-SVG workspace tiles.
 Single whole-card link; no images, extra JavaScript, or simulated controls.
 */
.pv3-tools-section .pv-tool-grid,
.pv-directory-v2 .pv-tool-grid,
.pv-category-live .pv-tool-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:18px;
 align-items:stretch;
}
.pv-tool-card.pv3-tool-card.pv5-tool-card.pv6-tool-card{
 box-sizing:border-box;
 width:100%;
 min-width:0;
 min-height:335px;
 padding:0;
 margin:0;
 display:flex;
 flex-direction:column;
 align-items:stretch;
 background:#fff;
 color:#1d2234!important;
 border:1px solid #e5e7f0;
 border-radius:20px;
 box-shadow:0 6px 24px rgba(23,28,59,.045);
 isolation:isolate;
 overflow:hidden;
 text-decoration:none;
 transform:translate3d(0,0,0);
 transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s;
}
.pv-tool-card.pv5-tool-card.pv6-tool-card::before{display:none!important}
.pv-tool-card.pv6-tool-card:hover,
.pv-tool-card.pv6-tool-card:focus-visible{
 transform:translateY(-7px);
 border-color:var(--pv5-border,#cbc7f7);
 box-shadow:0 25px 53px rgba(27,32,69,.13);
}
.pv-tool-card.pv6-tool-card:focus-visible{
 outline:3px solid var(--pv5-accent,#6a5ce5);
 outline-offset:3px;
}
.pv6-visual{
 position:relative;
 display:flex;
 align-items:center;
 width:100%;
 height:132px;
 flex:none;
 isolation:isolate;
 overflow:hidden;
 background:
  radial-gradient(ellipse at 16% 90%,var(--pv5-label,#ded8ff) 0,transparent 36%),
  linear-gradient(116deg,var(--pv5-tint,#f2f1ff),#fbfcff 94%);
 border-bottom:1px solid #ededf3;
}
.pv6-visual::after{
 content:"";
 position:absolute;
 width:180px;
 height:180px;
 border-radius:50%;
 border:1px solid var(--pv5-border,#d4d0fa);
 right:22px;
 top:-118px;
 opacity:.65;
 pointer-events:none;
}
.pv6-decor{
 display:block;
 position:absolute;
 border:1px solid var(--pv5-border,#d7d1fa);
 border-radius:50%;
 pointer-events:none;
 opacity:.7;
}
.pv6-decor-one{width:175px;height:175px;right:-73px;bottom:-117px}
.pv6-decor-two{width:129px;height:129px;right:-48px;bottom:-83px}
.pv6-icon-holder{
 position:relative;
 z-index:1;
 width:94px;
 height:94px;
 margin-left:22px;
 display:grid;
 place-items:center;
 flex:none;
 border:1px solid rgba(255,255,255,.9);
 border-radius:25px;
 background:rgba(255,255,255,.88);
 color:var(--pv5-accent,#6455df);
 box-shadow:0 15px 26px rgba(28,37,78,.10),0 2px 9px rgba(28,37,78,.04);
 transform:rotate(-6deg);
 transition:transform .38s cubic-bezier(.2,.85,.2,1),box-shadow .38s;
}
.pv6-icon-holder::after{
 content:"";
 position:absolute;
 inset:5px;
 border:1px solid var(--pv5-border,#d8d4f9);
 border-radius:20px;
 pointer-events:none;
 opacity:.5;
}
.pv6-icon-holder svg{
 display:block;
 width:76px;
 height:76px;
 max-width:100%;
 max-height:100%;
 color:var(--pv5-accent,#6455df);
 overflow:visible;
 transition:transform .35s;
}
.pv6-icon-holder .pv5-tool-svg,
.pv6-icon-holder .pv-b2-icon-svg{width:76px;height:76px}
.pv6-tool-card:hover .pv6-icon-holder,
.pv6-tool-card:focus-visible .pv6-icon-holder{
 transform:rotate(0deg) translateY(-2px) scale(1.055);
 box-shadow:0 19px 29px rgba(28,37,78,.16);
}
.pv6-tool-card:hover .pv6-icon-holder svg,
.pv6-tool-card:focus-visible .pv6-icon-holder svg{transform:scale(1.02)}
.pv6-micro-label{
 position:relative;
 z-index:1;
 display:inline-flex;
 align-items:center;
 max-width:calc(100% - 175px);
 margin-left:16px;
 margin-top:42px;
 padding:8px 10px;
 border:1px solid var(--pv5-border,#dbd7f8);
 background:rgba(255,255,255,.85);
 border-radius:9px;
 font-size:10px;
 font-weight:900;
 line-height:1.2;
 letter-spacing:.055em;
 color:var(--pv5-accent,#6455df);
 white-space:normal;
}
.pv6-corner-arrow{
 position:absolute;
 z-index:2;
 right:17px;
 top:17px;
 display:grid;
 place-items:center;
 width:32px;
 height:32px;
 border-radius:11px;
 background:#fff;
 border:1px solid rgba(228,231,240,.85);
 box-shadow:0 5px 12px rgba(40,43,73,.045);
 color:#878ba0;
 transform:rotate(-45deg);
 transition:color .25s,background .25s,border-color .25s;
}
.pv6-tool-card:hover .pv6-corner-arrow{
 color:#fff;
 border-color:var(--pv5-accent,#6455df);
 background:var(--pv5-accent,#6455df);
}
.pv6-card-body{
 display:flex;
 flex-direction:column;
 flex:1;
 align-items:stretch;
 min-width:0;
 width:100%;
 padding:22px 22px 20px;
}
.pv6-kicker{
 display:flex;
 align-items:center;
 gap:8px;
 width:100%;
 min-width:0;
 font-size:10px;
 font-weight:900;
 letter-spacing:.115em;
 line-height:1.3;
 color:var(--pv5-accent,#6455df);
 margin-bottom:11px;
}
.pv6-kicker-dot{width:6px;height:6px;flex:none;background:var(--pv5-accent,#6455df);border-radius:50%}
.pv6-kicker-line{width:22px;height:1px;background:var(--pv5-border,#d8d2fb)}
.pv-tool-card.pv3-tool-card.pv5-tool-card.pv6-tool-card .pv6-card-body>strong{
 display:block;
 width:100%;
 font-weight:900;
 font-size:20px;
 line-height:1.21;
 letter-spacing:-.052em;
 text-transform:none;
 color:#191c2e;
 margin:0 0 10px;
 min-height:0;
}
.pv6-description{
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
 overflow:hidden;
 font-size:12.5px;
 line-height:1.57;
 font-weight:650;
 color:#72788b;
 max-width:100%;
 margin-bottom:18px;
}
.pv6-card-action{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 width:100%;
 min-height:42px;
 margin-top:auto;
 padding:7px 9px 7px 14px;
 border-radius:11px;
 background:#21243b;
 color:#fff!important;
 font-weight:900;
 font-size:12px;
 letter-spacing:.004em;
 transition:background .25s,box-shadow .25s;
}
.pv6-action-icon{
 display:grid;
 place-items:center;
 flex:none;
 height:27px;
 width:27px;
 border-radius:8px;
 background:rgba(255,255,255,.14);
 transition:transform .25s,background .25s;
}
.pv6-card-action svg{width:17px;height:17px}
.pv6-tool-card:hover .pv6-card-action,
.pv6-tool-card:focus-visible .pv6-card-action{
 background:var(--pv5-accent,#6358e1);
 box-shadow:0 7px 20px rgba(35,34,78,.14);
}
.pv6-tool-card:hover .pv6-action-icon{transform:translateX(3px);background:rgba(255,255,255,.2)}
/* More considered density in the surrounding tool discovery sections. */
.pv3-tools-section{padding-top:87px;padding-bottom:94px}
.pv3-tools-section .pv-tool-browser-head,
.pv-directory-v2 .pv-tool-browser-head{margin-bottom:21px}
.pv-directory-v2 .pv-tools-stage{padding-bottom:88px}
.pv-category-live .pv-tool-grid{margin-top:8px}
@media(min-width:1650px){
 .pv3-tools-section .pv-tool-grid,
 .pv-directory-v2 .pv-tool-grid,
 .pv-category-live .pv-tool-grid{gap:19px}
 .pv-tool-card.pv6-tool-card{min-height:344px}
}
@media(max-width:1150px){
 .pv3-tools-section .pv-tool-grid,
 .pv-directory-v2 .pv-tool-grid,
 .pv-category-live .pv-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 .pv6-card-body{padding:20px}
 .pv6-visual{height:126px}
}
@media(max-width:800px){
 .pv3-tools-section .pv-tool-grid,
 .pv-directory-v2 .pv-tool-grid,
 .pv-category-live .pv-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .pv-tool-card.pv6-tool-card{min-height:324px;border-radius:17px}
 .pv6-visual{height:117px}
 .pv6-icon-holder{width:81px;height:81px;margin-left:18px;border-radius:21px}
 .pv6-icon-holder svg,.pv6-icon-holder .pv5-tool-svg,.pv6-icon-holder .pv-b2-icon-svg{width:67px;height:67px}
 .pv6-micro-label{max-width:calc(100% - 155px);margin-left:12px;margin-top:34px;font-size:9px;padding:7px}
 .pv6-card-body{padding:18px}
 .pv-tool-card.pv5-tool-card.pv6-tool-card .pv6-card-body>strong{font-size:18px}
 .pv6-description{font-size:11.5px}
}
@media(max-width:510px){
 .pv3-tools-section .pv-tool-grid,
 .pv-directory-v2 .pv-tool-grid,
 .pv-category-live .pv-tool-grid{gap:9px}
 .pv-tool-card.pv3-tool-card.pv5-tool-card.pv6-tool-card{min-height:295px;border-radius:14px}
 .pv6-visual{height:100px}
 .pv6-icon-holder{width:65px;height:65px;border-radius:17px;margin-left:12px}
 .pv6-icon-holder::after{inset:4px;border-radius:13px}
 .pv6-icon-holder svg,.pv6-icon-holder .pv5-tool-svg,.pv6-icon-holder .pv-b2-icon-svg{width:55px;height:55px}
 .pv6-micro-label{max-width:calc(100% - 104px);padding:5px 6px;margin-left:7px;margin-top:33px;border-radius:6px;font-size:8px;letter-spacing:0}
 .pv6-corner-arrow{width:23px;height:23px;top:8px;right:8px;border-radius:8px}
 .pv6-corner-arrow svg{width:14px;height:14px}
 .pv6-card-body{padding:14px 11px 13px}
 .pv6-kicker{font-size:8px;gap:5px;letter-spacing:.065em;margin-bottom:8px}
 .pv6-kicker-line{width:12px}
 .pv6-kicker-dot{width:5px;height:5px}
 .pv-tool-card.pv3-tool-card.pv5-tool-card.pv6-tool-card .pv6-card-body>strong{font-size:14.5px;margin-bottom:7px;line-height:1.25}
 .pv6-description{font-size:10px;line-height:1.5;margin-bottom:13px}
 .pv6-card-action{min-height:36px;font-size:10px;padding:5px 6px 5px 10px;border-radius:8px}
 .pv6-action-icon{height:24px;width:24px;border-radius:6px}
 .pv6-action-icon svg{width:14px;height:14px}
 .pv3-tools-section{padding-top:60px;padding-bottom:63px}
}
@media(max-width:355px){
 .pv3-tools-section .pv-tool-grid,
 .pv-directory-v2 .pv-tool-grid,
 .pv-category-live .pv-tool-grid{grid-template-columns:1fr}
 .pv-tool-card.pv3-tool-card.pv5-tool-card.pv6-tool-card{min-height:305px}
 .pv6-card-body{padding:19px}
 .pv6-visual{height:119px}
 .pv6-icon-holder{width:79px;height:79px;margin-left:22px}
 .pv6-icon-holder svg,.pv6-icon-holder .pv5-tool-svg,.pv6-icon-holder .pv-b2-icon-svg{width:65px;height:65px}
 .pv6-micro-label{font-size:9px;margin-left:18px;max-width:60%}
 .pv-tool-card.pv3-tool-card.pv5-tool-card.pv6-tool-card .pv6-card-body>strong{font-size:20px}
 .pv6-description{font-size:12px}
 .pv6-card-action{font-size:12px}
}
@media(hover:none){
 .pv-tool-card.pv6-tool-card:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .pv-tool-card.pv6-tool-card,.pv6-icon-holder,.pv6-icon-holder svg,
 .pv6-corner-arrow,.pv6-card-action,.pv6-action-icon{transition:none!important}
 .pv-tool-card.pv6-tool-card:hover{transform:none!important}
}