.tool-showcase{margin:65px 0 50px;padding:36px;border:1px solid #ad90e64d;border-radius:26px;background:linear-gradient(135deg,#161c37ee,#100c26e8);box-shadow:0 25px 65px #0005;color:#f5edff}.tool-showcase-head{display:flex;align-items:center;gap:24px;margin-bottom:32px}.tool-host{width:115px;height:145px;object-fit:contain;filter:drop-shadow(0 0 20px #75c6ff3b)}.tool-kicker{color:#d4afff;font-size:14px;margin:0 0 8px}.tool-showcase h2{font-size:32px;line-height:1.4;color:#fff1d9;margin:0}.tool-intro{font-size:16px;color:#c2bad5;margin:12px 0 0}.tool-compare{margin-left:auto;flex-shrink:0;border:1px solid #e1b2ff88;border-radius:10px;padding:16px 20px;background:#8560b82b;color:#f9e8ff;font-size:14px;font-weight:700;transition:background .2s}.tool-compare:hover{background:#8560b85e}.tool-gem-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.tool-gem{grid-column:span 2;position:relative;isolation:isolate;padding:2px;border-radius:18px;background:color-mix(in srgb,var(--gem) 55%,#201d3c);overflow:hidden;text-decoration:none;transition:transform .3s,box-shadow .3s}.tool-gem:nth-child(4){grid-column:2/span 2}.tool-gem:before{content:'';position:absolute;z-index:-1;inset:-65%;background:conic-gradient(from 0deg,transparent 0deg,transparent 265deg,var(--gem) 315deg,#fff 340deg,transparent 360deg);animation:tool-orbit 9s linear infinite;animation-delay:var(--delay)}.tool-gem-inner{height:100%;border-radius:16px;overflow:hidden;background:#16192e}.tool-gem-photo{position:relative;overflow:hidden;background:#e9e9e9;aspect-ratio:16/10}.tool-gem-photo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .45s}.tool-gem-photo>span{position:absolute;bottom:10px;left:12px;border:1px solid #ffffff45;border-radius:5px;background:#10182edb;color:#fff;padding:5px 8px;font-size:12px}.tool-gem-copy{padding:22px}.tool-number{color:var(--gem);font-size:12px;letter-spacing:.13em}.tool-gem h3{font-size:21px;color:#fff1e7;margin:10px 0;line-height:1.4}.tool-gem p{font-size:16px;color:#c9c2db;line-height:1.75;margin:0 0 24px}.tool-gem b{display:flex;justify-content:space-between;gap:6px;border-top:1px solid #ffffff18;padding-top:17px;font-size:14px;color:var(--gem)}.tool-gem:hover,.tool-gem:focus-visible{transform:translateY(-6px);box-shadow:0 10px 32px color-mix(in srgb,var(--gem) 22%,transparent)}.tool-gem:hover img{transform:scale(1.035)}.tool-gem:focus-visible,.tool-compare:focus-visible{outline:3px solid #fff;outline-offset:4px}.tool-editorial{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #ffffff20;margin-top:30px;padding-top:22px;font-size:14px;color:#bcb2cc}.tool-editorial a{color:#f5cf9a}@keyframes tool-orbit{to{transform:rotate(360deg)}}@media(max-width:1000px){.tool-showcase{padding:26px}.tool-showcase-head{flex-wrap:wrap}.tool-compare{margin-left:0}.tool-gem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-gem,.tool-gem:nth-child(4){grid-column:auto}.tool-gem:last-child{grid-column:1/-1;max-width:calc(50% - 11px);width:100%;justify-self:center}}@media(max-width:600px){.tool-showcase{margin-top:35px;padding:20px 16px;border-radius:20px}.tool-showcase-head{gap:15px}.tool-host{width:70px;height:95px}.tool-showcase-head>div{flex:1}.tool-showcase h2{font-size:25px}.tool-kicker{font-size:12px}.tool-intro{font-size:14px;line-height:1.7}.tool-compare{width:100%;text-align:center}.tool-gem-grid{grid-template-columns:1fr}.tool-gem:last-child{max-width:none;grid-column:auto}.tool-gem-copy{padding:22px}.tool-editorial{line-height:1.8}}@media(prefers-reduced-motion:reduce){.tool-gem:before{animation:none}.tool-gem,.tool-gem-photo img{transition:none}.tool-gem:hover,.tool-gem:focus-visible{transform:none}.tool-gem:hover img{transform:none}}
