.review-avatar{width:44px;height:44px;overflow:hidden;background:transparent}.review-avatar img{width:44px;height:44px;display:block;object-fit:cover;border-radius:50%}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.insight-card{display:block;min-width:0}.insight-cover{border-radius:10px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;background:#161020}.insight-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.insight-card:hover .insight-cover img,.insight-card:focus-visible .insight-cover img{transform:scale(1.035)}.insight-meta{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 12px}.insight-meta span{font-size:10px;background:#ffffff09;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:5px 8px}.insight-card h3{font-size:23px;line-height:1.3;margin:0 0 12px;letter-spacing:-.7px}.insight-card p{color:var(--muted);font-size:14px;line-height:1.7}.insight-card .read-link{color:var(--accent);font-size:12px;display:inline-block;margin-top:8px}.insights-title em{font-style:normal;color:var(--accent)}.article-layout{max-width:760px;margin:0 auto;padding:15px 0 85px}.article-layout p,.article-layout li{font-size:17px;line-height:1.85;color:var(--muted)}.article-layout h2{font-size:30px;letter-spacing:-1px;margin-top:42px}.article-layout ul{padding-left:24px}.article-layout a{color:var(--accent);text-decoration:underline}.article-cover{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);margin-bottom:25px}.article-layout .article-takeaway{padding:24px;border-left:3px solid #ff5995;background:#8602fd10;margin-top:35px}.article-breadcrumb{font-size:12px;color:var(--muted);margin-bottom:25px}.article-breadcrumb a{color:var(--accent)}
/* Sweeping highlight, lifted edge and arrow motion on the principal actions. */
.button{position:relative;isolation:isolate;overflow:hidden;transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease}.button:before{content:'';position:absolute;inset:-60% -40%;background:linear-gradient(110deg,transparent 35%,#ffffff40 49%,transparent 62%);transform:translateX(-115%) skewX(-15deg);transition:transform .65s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:-1}.button:is(:hover,:focus-visible){transform:translateY(-3px);box-shadow:0 9px 30px #8602fd28;border-color:#bc7bff80}.button:is(:hover,:focus-visible):before{transform:translateX(115%) skewX(-15deg)}.hero .button.primary:is(:hover,:focus-visible){animation:none;box-shadow:0 0 0 4px #8602fd24,0 12px 36px #8602fd45}.button:active{transform:translateY(0) scale(.985)}
/* Soft blurred edge and a fading dot field above the footer. */
.cta{position:relative;isolation:isolate;width:min(1280px,calc(100% - 80px));margin:45px auto 40px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 75% 0%,#8602fd32,transparent 68%),var(--surface)}.cta:before{content:'';position:absolute;top:-16px;left:1%;right:1%;height:55px;background:linear-gradient(90deg,#8602fd20,#ad62ff55,#ff599535,#8602fd20);filter:blur(22px);z-index:-2;pointer-events:none}.cta:after{content:'';position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(circle,#b799d83b 1px,transparent 1.6px);background-size:18px 18px;mask-image:linear-gradient(to bottom,#000,transparent 65%);z-index:-1;pointer-events:none}.cta>.wrap{position:relative}.cta .wrap{width:calc(100% - 80px)}
html[data-theme="light"] .insight-meta span{background:#f0eafa}html[data-theme="light"] .cta{background:radial-gradient(ellipse at 75% 0%,#8602fd16,transparent 70%),#f2ecfa}
@media(max-width:850px){.insights-grid{grid-template-columns:1fr 1fr}.insight-card:last-child{grid-column:1/-1;max-width:600px}.article-layout{padding-bottom:55px}}
@media(max-width:600px){.insights-grid{grid-template-columns:1fr}.insight-card:last-child{grid-column:auto}.insight-card h3{font-size:24px}.cta{width:calc(100% - 40px);margin-top:25px;border-radius:18px}.cta .wrap{width:calc(100% - 40px)}.article-layout p,.article-layout li{font-size:16px}}
@media(prefers-reduced-motion:reduce){.button,.button:before,.insight-cover img{transition:none!important}.button:is(:hover,:focus-visible),.button:active,.insight-card:hover .insight-cover img{transform:none}.button:before{display:none}}
.motion-paused .button,.motion-paused .button:before,.motion-paused .insight-cover img{transition:none}