.blog-article-experience--spotify-preview{--article-preview-accent: #7447f4;--article-preview-accent-soft: #f0ebff;--article-preview-text: #111015;--article-preview-muted: #827d89;min-height:100vh;color:var(--article-preview-text);background:radial-gradient(circle at 82% 8%,rgba(123,76,244,.08),transparent 28rem),#f7f6fb;font-family:Minded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.blog-article-experience--spotify-preview .article-reading-progress{height:2px;background:#7447f414}.blog-article-experience--spotify-preview .article-reading-progress span{background:linear-gradient(90deg,#9b7bff,#7447f4,#bd9cff)}.blog-article-experience--spotify-preview .blog-article-shell{width:min(88rem,calc(100% - 48px));max-width:88rem;margin:0 auto 28px;padding:84px 0 0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.blog-article-experience--spotify-preview .article-back{width:fit-content;margin:0 0 14px;padding:10px 15px;gap:7px;border:1px solid rgba(105,83,142,.14);border-radius:999px;color:#716b78;background:#ffffffc2;font-size:13px;font-weight:500;box-shadow:0 12px 28px -24px #36255b70;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.blog-article-experience--spotify-preview .article-back:hover{color:var(--article-preview-text);border-color:#7447f447;transform:translate(-3px)}.blog-article-experience--spotify-preview .article-header{position:relative;isolation:isolate;min-height:550px;padding:0;display:grid;grid-template-columns:minmax(0,.94fr) minmax(470px,1.06fr);grid-template-rows:auto auto 1fr;overflow:hidden;border:1px solid rgba(105,83,142,.1);border-radius:34px;background:radial-gradient(circle at 37% 46%,rgba(122,77,244,.07),transparent 20rem),#fff;box-shadow:0 26px 70px -48px #37246261}.blog-article-experience--spotify-preview .article-category,.blog-article-experience--spotify-preview .article-header h1,.blog-article-experience--spotify-preview .article-meta{position:relative;z-index:2}.blog-article-experience--spotify-preview .article-category{grid-column:1;align-self:end;width:fit-content;margin:62px 34px 22px 58px;padding:9px 14px;border:1px solid rgba(116,71,244,.2);border-radius:999px;color:var(--article-preview-accent);background:#f7f4ffd9;-webkit-text-fill-color:currentColor;font-size:12px;font-weight:600;line-height:1;letter-spacing:.04em}.blog-article-experience--spotify-preview .article-header h1{grid-column:1;margin:0 32px 24px 58px;max-width:670px;color:var(--article-preview-text);font-size:clamp(42px,4.3vw,65px);font-weight:600;line-height:.99;letter-spacing:-.055em}.blog-article-experience--spotify-preview .article-header.is-title-medium h1{font-size:clamp(39px,3.75vw,57px);line-height:1.01}.blog-article-experience--spotify-preview .article-header.is-title-long h1{font-size:clamp(34px,3.2vw,49px);line-height:1.03;letter-spacing:-.045em}.blog-article-experience--spotify-preview .article-title-brand{margin:-.08em -.04em -.12em;padding:.08em .04em .12em;line-height:1.12;vertical-align:baseline}.blog-article-experience--spotify-preview .article-meta{grid-column:1;align-self:end;margin:0 34px 56px 58px;gap:8px 10px;color:var(--article-preview-muted);font-size:13px;line-height:1.35}.blog-article-experience--spotify-preview .article-meta>span:nth-child(2n){opacity:.38}.blog-article-experience--spotify-preview .article-meta a{color:#635d69;text-decoration-color:#7447f447;text-underline-offset:3px}.blog-article-experience--spotify-preview .article-share{width:100%;margin:8px 0 0}.blog-article-experience--spotify-preview .article-share-label{color:var(--article-preview-muted)}.blog-article-experience--spotify-preview .article-share-btn{width:36px;height:36px;border-color:#69538e21;background:#fff}.blog-article-experience--spotify-preview .article-header-visual{position:absolute;z-index:0;inset:0;min-width:0;width:100%;height:100%;overflow:hidden;border:0;background:#fff}.blog-article-experience--spotify-preview .article-header-visual:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff,#fffffffb 34%,#ffffffe6 45%,#ffffff6b 59%,#ffffff0a 74%),radial-gradient(circle at 72% 18%,rgba(255,255,255,.4),transparent 18rem)}.blog-article-experience--spotify-preview .article-header-visual img{position:absolute;z-index:0;inset:0 auto 0 13%;width:92%;height:100%;display:block;object-fit:contain;object-position:right center;filter:saturate(.92) contrast(.99);transform:none;transition:filter .5s ease}.blog-article-experience--spotify-preview .article-header:hover .article-header-visual img{filter:saturate(1) contrast(1);transform:none}.blog-article-experience--spotify-preview .article-summary,.blog-article-experience--spotify-preview .article-next-step,.blog-article-experience--spotify-preview .article-mobile-toc,.blog-article-experience--spotify-preview .article-feedback,.blog-article-experience--spotify-preview .article-faq,.blog-article-experience--spotify-preview .article-sources,.blog-article-experience--spotify-preview .article-cta,.blog-article-experience--spotify-preview .article-prevnext,.blog-article-experience--spotify-preview .article-related{margin-left:0;margin-right:0}.blog-article-experience--spotify-preview .article-summary{margin-top:16px;padding:30px 32px 32px;border:1px solid rgba(105,83,142,.1);border-radius:28px;background:#fff;box-shadow:0 24px 54px -46px #37246270}.blog-article-experience--spotify-preview .article-summary-title{width:fit-content;margin-bottom:22px;padding:7px 11px;border-radius:999px;color:var(--article-preview-accent);background:var(--article-preview-accent-soft);font-size:11px;letter-spacing:.06em}.blog-article-experience--spotify-preview .article-summary ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.blog-article-experience--spotify-preview .article-summary li{min-height:118px;padding:20px 20px 20px 48px;border:1px solid rgba(105,83,142,.09);border-radius:19px;color:#514b57;background:#fbfaff;font-size:16px;line-height:1.6;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,border-color .25s ease}.blog-article-experience--spotify-preview .article-summary li:before{top:calc(20px + .8em);left:21px;width:9px;height:9px;background:var(--article-preview-accent);box-shadow:0 0 0 5px #7447f417;transform:translateY(-50%)}.blog-article-experience--spotify-preview .article-summary li:hover{border-color:#7447f433;box-shadow:0 20px 36px -30px #41277a6b;transform:translateY(-4px)}.blog-article-experience--spotify-preview .article-next-step{margin-top:16px;padding:26px 30px;border:1px solid rgba(116,71,244,.12);border-radius:26px;background:radial-gradient(circle at 88% 20%,rgba(155,123,255,.14),transparent 17rem),linear-gradient(135deg,#f9f7ff,#f1edff)}.blog-article-experience--spotify-preview .article-next-step-eyebrow{color:var(--article-preview-accent)}.blog-article-experience--spotify-preview .article-next-step-primary{color:#fff;background:linear-gradient(135deg,#8f65fb,#7040ed);box-shadow:0 16px 28px -18px #532abe9e}.blog-article-experience--spotify-preview .article-next-step-secondary{border-color:#69538e24;color:#4f4857;background:#ffffffb8}.blog-article-experience--spotify-preview .article-mobile-toc{margin-top:16px}.blog-article-experience--spotify-preview .article-layout{margin-top:16px;gap:16px;align-items:start;grid-template-columns:minmax(0,1fr)}.blog-article-experience--spotify-preview .article-body,.blog-article-experience--spotify-preview .article-sections{width:100%;max-width:none}.blog-article-experience--spotify-preview .article-body{padding:0;gap:16px}.blog-article-experience--spotify-preview .article-intro,.blog-article-experience--spotify-preview .article-section-card{border:1px solid rgba(105,83,142,.1);border-radius:28px;background:#fff;box-shadow:0 24px 60px -50px #3724626b}.blog-article-experience--spotify-preview .article-intro{max-width:none;padding:34px 36px;background:radial-gradient(circle at 96% 4%,rgba(116,71,244,.08),transparent 18rem),#fff}.blog-article-experience--spotify-preview .article-section-card:nth-child(odd),.blog-article-experience--spotify-preview .article-section-card:nth-child(2n){background:#fff}.blog-article-experience--spotify-preview .article-section-card{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}.blog-article-experience--spotify-preview .article-section-card:hover{border-color:#7447f429;box-shadow:0 32px 66px -50px #3f277385;transform:translateY(-2px)}.blog-article-experience--spotify-preview .article-section-head{padding:34px 36px 0}.blog-article-experience--spotify-preview .article-section-kicker{width:40px;height:40px;min-height:40px;padding:0;display:grid;place-items:center;justify-content:center;border:1px solid rgba(116,71,244,.13);border-radius:50%;color:var(--article-preview-accent);background:var(--article-preview-accent-soft);line-height:1;font-variant-numeric:tabular-nums}.blog-article-experience--spotify-preview .article-section-head h2{color:var(--article-preview-text);font-size:clamp(26px,2.5vw,38px);font-weight:600;line-height:1.08;letter-spacing:-.04em}.blog-article-experience--spotify-preview .article-section-body{padding:24px 36px 38px}.blog-article-experience--spotify-preview .article-intro p,.blog-article-experience--spotify-preview .article-section-body p,.blog-article-experience--spotify-preview .article-section-body li{color:#59535f;font-size:16px;line-height:1.72}.blog-article-experience--spotify-preview .article-intro a,.blog-article-experience--spotify-preview .article-section-body a,.blog-article-experience--spotify-preview .article-sources a{color:var(--article-preview-accent);border-color:#7447f442}.blog-article-experience--spotify-preview .article-intro a:hover,.blog-article-experience--spotify-preview .article-section-body a:hover,.blog-article-experience--spotify-preview .article-sources a:hover{border-color:var(--article-preview-accent)}.blog-article-experience--spotify-preview .article-intro table,.blog-article-experience--spotify-preview .article-section-body table{border-color:#7447f421}.blog-article-experience--spotify-preview .article-intro table th,.blog-article-experience--spotify-preview .article-section-body table th{border-bottom-color:#7447f42e;background:#7447f40e}.blog-article-experience--spotify-preview .article-intro table tr:nth-child(2n) td,.blog-article-experience--spotify-preview .article-section-body table tr:nth-child(2n) td{background:#7447f407}.blog-article-experience--spotify-preview .article-shot img:focus-visible{outline-color:#7447f4e6}.blog-article-experience--spotify-preview .article-brand-card{border-color:#7447f41c;background:linear-gradient(145deg,#fff,#f8f5ff);box-shadow:0 18px 38px -34px #41277a7a}.blog-article-experience--spotify-preview .article-section-body>ul>li:before{background:linear-gradient(135deg,#916cff,#7040ed);box-shadow:0 0 0 4px #7447f417}.blog-article-experience--spotify-preview .article-stat{border-color:#7447f424;background:linear-gradient(135deg,#7447f414,#9b7bff0d)}.blog-article-experience--spotify-preview .article-stat-num{background:linear-gradient(135deg,#916cff,#7040ed);background-clip:text;-webkit-background-clip:text}.blog-article-experience--spotify-preview .article-callout.is-fact{border-color:#7447f42e;background:#7447f40e}.blog-article-experience--spotify-preview .article-callout,.blog-article-experience--spotify-preview .article-flow,.blog-article-experience--spotify-preview .article-spec,.blog-article-experience--spotify-preview .article-tree,.blog-article-experience--spotify-preview .article-checklist,.blog-article-experience--spotify-preview .article-compare-col{border-color:#69538e1f;background:#faf9ff}.blog-article-experience--spotify-preview .article-flow-ico,.blog-article-experience--spotify-preview .article-anatomy-seg{border-color:#7447f426;background:var(--article-preview-accent-soft)}.blog-article-experience--spotify-preview .article-flow{padding:0;border:0;border-radius:0;background:transparent}.blog-article-experience--spotify-preview .article-flow-steps{gap:12px}.blog-article-experience--spotify-preview .article-flow-step{border-color:#7447f41f;background:#ffffffe0;box-shadow:0 18px 38px -32px #41277a80}.blog-article-experience--spotify-preview .article-flow-arrow:before{border-color:var(--article-preview-accent)}.blog-article-experience--spotify-preview .article-compare-col.is-accent{border-color:#7447f433;background:linear-gradient(180deg,rgba(116,71,244,.065),transparent),#faf9ff}.blog-article-experience--spotify-preview .article-compare-col li:before{background:var(--article-preview-accent)}.blog-article-experience--spotify-preview .article-spec{padding:0;border:0;border-radius:0;background:transparent}.blog-article-experience--spotify-preview .article-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.blog-article-experience--spotify-preview .article-spec-item{min-height:86px;padding:16px;border:1px solid rgba(116,71,244,.11);border-radius:16px;background:#ffffffe0;box-shadow:0 16px 34px -30px #41277a6b}.blog-article-experience--spotify-preview .article-spec-item .k{color:#88818f;font-size:12px}.blog-article-experience--spotify-preview .article-spec-item .v{color:var(--article-preview-text);font-size:16px;font-weight:650;line-height:1.3}.blog-article-experience--spotify-preview .article-checklist{padding:22px;border-color:#7447f424;background:linear-gradient(135deg,#faf9ff,#f5f1ff)}.blog-article-experience--spotify-preview .article-checklist-title{margin-bottom:14px;color:var(--article-preview-text);font-size:16px;font-weight:700}.blog-article-experience--spotify-preview .article-checklist ul{gap:12px 14px}.blog-article-experience--spotify-preview .article-checklist li{min-height:58px;padding:14px 16px 14px 50px!important;display:flex;align-items:flex-start;border-color:#7447f41c;background:#fff;font-size:16px;line-height:1.55}.blog-article-experience--spotify-preview .article-checklist li:before{top:17px!important;left:16px;width:20px!important;height:20px!important;font-size:12px;font-weight:700;line-height:1;box-shadow:0 8px 16px -10px #2ea06ecc}.blog-article-experience--spotify-preview .article-pullquote{border-left-color:var(--article-preview-accent);color:#332c3b;background:linear-gradient(90deg,#7447f417,#7447f406)}.blog-article-experience--spotify-preview .article-toc{top:94px;margin:0;padding:22px;border:1px solid rgba(105,83,142,.1);border-radius:24px;background:#ffffffe6;box-shadow:0 24px 56px -44px #3724626b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.blog-article-experience--spotify-preview .article-toc-marker{background:var(--article-preview-accent)}.blog-article-experience--spotify-preview .article-toc li.is-active a{color:var(--article-preview-accent)}.blog-article-experience--spotify-preview .article-feedback,.blog-article-experience--spotify-preview .article-faq,.blog-article-experience--spotify-preview .article-sources,.blog-article-experience--spotify-preview .article-related{margin-top:16px;padding:32px;border:1px solid rgba(105,83,142,.1);border-radius:28px;background:#fff;box-shadow:0 24px 58px -48px #37246266}.blog-article-experience--spotify-preview .article-faq-item,.blog-article-experience--spotify-preview .article-related-card,.blog-article-experience--spotify-preview .article-prevnext-card{border-color:#69538e1c;background:#faf9ff;box-shadow:none}.blog-article-experience--spotify-preview .article-faq-item summary:after,.blog-article-experience--spotify-preview .article-related-cat{color:var(--article-preview-accent)}.blog-article-experience--spotify-preview .article-faq-item--animated{overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.blog-article-experience--spotify-preview .article-faq-item--animated.is-open{border-color:#7447f43b;background:#fff;box-shadow:0 20px 40px -34px #41277a80}.blog-article-experience--spotify-preview .article-faq-question{width:100%;min-height:58px;padding:15px 18px 15px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;color:var(--article-preview-text);background:transparent;font:inherit;font-size:16px;font-weight:600;line-height:1.4;text-align:left;cursor:pointer}.blog-article-experience--spotify-preview .article-faq-toggle{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:9px;color:var(--article-preview-accent);background:var(--article-preview-accent-soft);font-size:20px;font-weight:400;line-height:1;transition:transform .32s cubic-bezier(.22,1,.36,1),color .25s ease,background-color .25s ease}.blog-article-experience--spotify-preview .article-faq-item--animated.is-open .article-faq-toggle{color:#fff;background:var(--article-preview-accent);transform:rotate(45deg)}.blog-article-experience--spotify-preview .article-faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .38s cubic-bezier(.22,1,.36,1),opacity .24s ease}.blog-article-experience--spotify-preview .article-faq-answer-inner{min-height:0;overflow:hidden}.blog-article-experience--spotify-preview .article-faq-answer p{padding:0 20px 20px;color:#68616f;font-size:15px;line-height:1.65;opacity:0;transform:translateY(-8px);transition:opacity .25s ease .03s,transform .34s cubic-bezier(.22,1,.36,1) .03s}.blog-article-experience--spotify-preview .article-faq-item--animated.is-open .article-faq-answer{grid-template-rows:1fr;opacity:1}.blog-article-experience--spotify-preview .article-faq-item--animated.is-open .article-faq-answer p{opacity:1;transform:translateY(0)}.blog-article-experience--spotify-preview .article-feedback-btn:hover,.blog-article-experience--spotify-preview .article-related-card:hover,.blog-article-experience--spotify-preview .article-prevnext-card:hover{border-color:#7447f447;transform:translateY(-3px)}.blog-article-experience--spotify-preview .article-cta{margin-top:16px;padding:34px 38px;border:1px solid rgba(116,71,244,.12);border-radius:28px;color:var(--article-preview-text);background:radial-gradient(circle at 88% 18%,rgba(156,120,255,.23),transparent 18rem),linear-gradient(135deg,#eee8ff,#faf8ff)}.blog-article-experience--spotify-preview .article-cta-text span{color:#6f6876}.blog-article-experience--spotify-preview .article-cta-btn{color:#fff;background:linear-gradient(135deg,#8f65fb,#7040ed);box-shadow:0 16px 30px -18px #532abea8}.blog-article-experience--spotify-preview .article-prevnext{margin-top:16px}.blog-article-experience--spotify-preview .article-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.blog-article-experience--spotify-preview .article-related h2{margin:0 0 22px;color:var(--article-preview-text);font-size:24px;font-weight:600;letter-spacing:-.025em}.blog-article-experience--spotify-preview .article-related-card{min-height:0;padding:22px;display:flex;flex-direction:column;justify-content:flex-start;gap:18px;border-color:#7447f41c;border-radius:20px;background:linear-gradient(145deg,#fff,#f8f5ff)}.blog-article-experience--spotify-preview .article-related-cat{width:fit-content;padding:6px 10px;border-radius:999px;color:var(--article-preview-accent);background:var(--article-preview-accent-soft);background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:currentColor;font-size:11px;line-height:1}.blog-article-experience--spotify-preview .article-related-title{color:var(--article-preview-text);font-size:16px;font-weight:600;line-height:1.4}@media(min-width:1100px){.blog-article-experience--spotify-preview .article-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:1080px){.blog-article-experience--spotify-preview .article-header{min-height:510px;grid-template-columns:minmax(0,1fr) minmax(390px,.92fr)}.blog-article-experience--spotify-preview .article-category,.blog-article-experience--spotify-preview .article-header h1,.blog-article-experience--spotify-preview .article-meta{margin-left:40px}.blog-article-experience--spotify-preview .article-header h1{font-size:clamp(38px,4.6vw,54px)}}@media(max-width:820px){.blog-article-experience--spotify-preview .blog-article-shell{width:min(100% - 28px,88rem);padding-top:80px}.blog-article-experience--spotify-preview .article-header{min-height:700px;align-content:start;grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;border-radius:28px}.blog-article-experience--spotify-preview .article-category,.blog-article-experience--spotify-preview .article-header h1,.blog-article-experience--spotify-preview .article-meta,.blog-article-experience--spotify-preview .article-header-visual{grid-column:1}.blog-article-experience--spotify-preview .article-category{grid-row:1;margin:36px 30px 18px}.blog-article-experience--spotify-preview .article-header h1{grid-row:2;margin:0 30px 22px;max-width:680px;font-size:clamp(38px,8vw,55px)}.blog-article-experience--spotify-preview .article-header.is-title-medium h1{font-size:clamp(34px,7.2vw,48px)}.blog-article-experience--spotify-preview .article-header.is-title-long h1{font-size:clamp(31px,6.5vw,42px)}.blog-article-experience--spotify-preview .article-meta{grid-row:3;align-self:start;margin:0 30px 34px}.blog-article-experience--spotify-preview .article-header-visual{position:absolute;inset:0;grid-row:auto;height:100%;border:0}.blog-article-experience--spotify-preview .article-header-visual:after{background:linear-gradient(180deg,#fff,#fffffffc 42%,#ffffffd1 60%,#ffffff29 88%),linear-gradient(90deg,rgba(255,255,255,.34),transparent 70%)}.blog-article-experience--spotify-preview .article-header-visual img{inset:0;width:100%;object-position:center bottom}.blog-article-experience--spotify-preview .article-summary ul{grid-template-columns:1fr}.blog-article-experience--spotify-preview .article-summary li{min-height:0}.blog-article-experience--spotify-preview .article-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article-experience--spotify-preview .article-related-grid{grid-template-columns:1fr}}@media(max-width:560px){.blog-article-experience--spotify-preview .blog-article-shell{width:calc(100% - 20px);padding-top:76px}.blog-article-experience--spotify-preview .article-back{margin-bottom:10px;padding:9px 13px;font-size:12px}.blog-article-experience--spotify-preview .article-header{min-height:650px;border-radius:23px}.blog-article-experience--spotify-preview .article-category{margin:28px 20px 16px}.blog-article-experience--spotify-preview .article-header h1{margin:0 20px 20px;font-size:clamp(34px,11vw,46px);line-height:1.01}.blog-article-experience--spotify-preview .article-header.is-title-medium h1{font-size:clamp(31px,9vw,40px)}.blog-article-experience--spotify-preview .article-header.is-title-long h1{font-size:clamp(28px,8.2vw,36px);line-height:1.05}.blog-article-experience--spotify-preview .article-meta{margin:0 20px 28px;font-size:12px}.blog-article-experience--spotify-preview .article-header-visual{height:100%}.blog-article-experience--spotify-preview .article-summary,.blog-article-experience--spotify-preview .article-next-step,.blog-article-experience--spotify-preview .article-feedback,.blog-article-experience--spotify-preview .article-faq,.blog-article-experience--spotify-preview .article-sources,.blog-article-experience--spotify-preview .article-related,.blog-article-experience--spotify-preview .article-cta{margin-top:10px;padding:22px 18px;border-radius:21px}.blog-article-experience--spotify-preview .article-summary li{padding:16px 16px 16px 43px;border-radius:16px;font-size:15px}.blog-article-experience--spotify-preview .article-summary li:before{top:calc(16px + .8em);left:19px}.blog-article-experience--spotify-preview .article-spec-grid{grid-template-columns:1fr}.blog-article-experience--spotify-preview .article-next-step-actions,.blog-article-experience--spotify-preview .article-next-step-primary,.blog-article-experience--spotify-preview .article-next-step-secondary{width:100%}.blog-article-experience--spotify-preview .article-layout{margin-top:10px;gap:10px}.blog-article-experience--spotify-preview .article-body,.blog-article-experience--spotify-preview .article-sections{gap:10px}.blog-article-experience--spotify-preview .article-intro,.blog-article-experience--spotify-preview .article-section-card{border-radius:21px}.blog-article-experience--spotify-preview .article-intro{padding:24px 20px}.blog-article-experience--spotify-preview .article-section-head{padding:24px 20px 0}.blog-article-experience--spotify-preview .article-section-body{padding:20px 20px 26px}.blog-article-experience--spotify-preview .article-section-head h2{font-size:26px}.blog-article-experience--spotify-preview .article-intro p,.blog-article-experience--spotify-preview .article-section-body p,.blog-article-experience--spotify-preview .article-section-body li{font-size:15px;line-height:1.68}.blog-article-experience--spotify-preview .article-cta{align-items:flex-start;flex-direction:column;gap:18px}.blog-article-experience--spotify-preview .article-cta-btn{width:100%}}@media(prefers-reduced-motion:reduce){.blog-article-experience--spotify-preview .article-header-visual img,.blog-article-experience--spotify-preview .article-summary li,.blog-article-experience--spotify-preview .article-section-card,.blog-article-experience--spotify-preview .article-related-card,.blog-article-experience--spotify-preview .article-prevnext-card,.blog-article-experience--spotify-preview .article-faq-item--animated,.blog-article-experience--spotify-preview .article-faq-toggle,.blog-article-experience--spotify-preview .article-faq-answer,.blog-article-experience--spotify-preview .article-faq-answer p{transition:none}}.blog-article-experience--spotify-preview .article-section-head{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;column-gap:18px;padding:34px 36px 0}.blog-article-experience--spotify-preview .article-section-kicker{width:44px;height:32px;min-height:32px;margin:0;border-radius:11px;font-size:11px;letter-spacing:.05em}.blog-article-experience--spotify-preview .article-section-head h2{margin:0}.blog-article-experience--spotify-preview .article-section-body{padding:26px 36px 40px}.blog-article-experience--spotify-preview .article-section-body>ol{counter-reset:editorial-step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:26px 0;padding:0;border-top:1px solid rgba(105,83,142,.12);list-style:none}.blog-article-experience--spotify-preview .article-section-body>ol>li{counter-increment:editorial-step;min-height:78px;margin:0;padding:18px 22px 18px 52px;border-bottom:1px solid rgba(105,83,142,.12)}.blog-article-experience--spotify-preview .article-section-body>ol>li:nth-child(odd){border-right:1px solid rgba(105,83,142,.12)}.blog-article-experience--spotify-preview .article-section-body>ol>li:before{content:counter(editorial-step,decimal-leading-zero)!important;top:21px!important;left:5px;width:auto!important;height:auto!important;border-radius:0!important;color:var(--article-preview-accent);background:none!important;box-shadow:none!important;font-size:11px;font-weight:750;line-height:1;letter-spacing:.05em}.blog-article-experience--spotify-preview .article-flow,.blog-article-experience--spotify-preview .article-spec,.blog-article-experience--spotify-preview .article-checklist{margin:28px 0 8px;padding:0;border:0;border-radius:0;background:transparent}.blog-article-experience--spotify-preview .article-flow-steps{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid rgba(105,83,142,.12)}.blog-article-experience--spotify-preview .article-flow-step{min-width:180px;min-height:148px;flex:1 1 180px;padding:22px 18px;border:0;border-right:1px solid rgba(105,83,142,.12);border-bottom:1px solid rgba(105,83,142,.12);border-radius:0;background:transparent;box-shadow:none}.blog-article-experience--spotify-preview .article-flow-arrow{display:none}.blog-article-experience--spotify-preview .article-flow-ico{width:44px;height:44px;border-radius:14px}.blog-article-experience--spotify-preview .article-flow-time{margin-top:0;padding:18px 10px 0;border-top:0}.blog-article-experience--spotify-preview .article-spec-grid{gap:0;border-top:1px solid rgba(105,83,142,.12)}.blog-article-experience--spotify-preview .article-spec-item{min-height:92px;padding:18px 20px;border:0;border-right:1px solid rgba(105,83,142,.12);border-bottom:1px solid rgba(105,83,142,.12);border-radius:0;background:transparent;box-shadow:none}.blog-article-experience--spotify-preview .article-checklist-title{margin:0;padding:0 0 15px;border-bottom:1px solid rgba(105,83,142,.12)}.blog-article-experience--spotify-preview .article-checklist ul{gap:0}.blog-article-experience--spotify-preview .article-checklist li{min-height:64px;padding:17px 18px 17px 48px!important;border:0;border-bottom:1px solid rgba(105,83,142,.12);border-radius:0;background:transparent}.blog-article-experience--spotify-preview .article-checklist li:before{top:20px!important;left:14px}@media(max-width:760px){.blog-article-experience--spotify-preview .article-section-head{grid-template-columns:38px minmax(0,1fr);column-gap:13px;padding:24px 20px 0}.blog-article-experience--spotify-preview .article-section-kicker{width:38px;height:30px;min-height:30px;border-radius:10px}.blog-article-experience--spotify-preview .article-section-head h2{font-size:25px}.blog-article-experience--spotify-preview .article-section-body{padding:21px 20px 28px}.blog-article-experience--spotify-preview .article-section-body>ol{grid-template-columns:1fr;margin-block:22px}.blog-article-experience--spotify-preview .article-section-body>ol>li,.blog-article-experience--spotify-preview .article-section-body>ol>li:nth-child(odd){min-height:0;padding:16px 8px 16px 44px;border-right:0}.blog-article-experience--spotify-preview .article-section-body>ol>li:before{top:20px!important;left:2px}.blog-article-experience--spotify-preview .article-flow-step{min-width:100%;min-height:0;padding:18px 10px;border-right:0}.blog-article-experience--spotify-preview .article-spec-grid,.blog-article-experience--spotify-preview .article-checklist ul{grid-template-columns:1fr}.blog-article-experience--spotify-preview .article-spec-item{min-height:0;padding:16px 8px;border-right:0}}.blog-article-experience--spotify-preview .article-evidence{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 16px;margin:16px 0 0;padding:20px 24px;border:1px solid rgba(105,83,142,.1);border-left:1px solid rgba(105,83,142,.1);border-radius:24px;background:#fff;box-shadow:0 24px 54px -46px #37246270;color:#6f6878;font-size:13px;line-height:1.45}.blog-article-experience--spotify-preview .article-evidence-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:var(--article-preview-accent);background:var(--article-preview-accent-soft)}.blog-article-experience--spotify-preview .article-evidence-copy{display:grid;gap:2px;min-width:0}.blog-article-experience--spotify-preview .article-evidence-copy strong{margin:0;color:#231d2b;font-size:15px}.blog-article-experience--spotify-preview .article-evidence-links{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;margin:0}.blog-article-experience--spotify-preview .article-evidence .article-evidence-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border:1px solid rgba(105,83,142,.1);border-radius:999px;background:#fbfaff;color:#4a3f58;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .2s ease,color .2s ease,transform .2s ease}.blog-article-experience--spotify-preview .article-evidence .article-evidence-chip svg{width:13px;height:13px;color:var(--article-preview-accent);transform:rotate(-45deg)}.blog-article-experience--spotify-preview .article-evidence .article-evidence-chip:hover{border-color:#7447f447;color:var(--article-preview-accent);transform:translateY(-1px)}@media(min-width:900px){.blog-article-experience--spotify-preview .article-evidence{grid-template-columns:auto auto minmax(0,1fr)}.blog-article-experience--spotify-preview .article-evidence-links{grid-column:auto;justify-content:flex-end}}@media(max-width:640px){.blog-article-experience--spotify-preview .article-evidence{margin-top:10px;padding:18px;border-radius:21px}}.article-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:26px 0}.article-icon-card{position:relative;display:grid;align-content:start;gap:8px;padding:22px 20px 20px;border:1px solid rgba(105,83,142,.1);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(116,71,244,.07),transparent 55%),#fff;box-shadow:0 22px 44px -40px #37246273;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}.article-icon-card:hover{transform:translateY(-5px);border-color:#7447f43d;box-shadow:0 28px 50px -34px #41277a80}.article-icon-card img{width:58px;height:58px;margin-bottom:6px;filter:drop-shadow(0 10px 14px rgba(80,50,130,.22));transition:transform .4s cubic-bezier(.22,1,.36,1)}.article-icon-card:hover img{transform:translateY(-3px) rotate(-6deg) scale(1.06)}.article-icon-card strong{color:#1f1a27;font-size:17px;line-height:1.3}.article-icon-card span{color:#6a6374;font-size:14.5px;line-height:1.55}.article-icon-card .tag{position:absolute;top:18px;right:18px;padding:4px 9px;border-radius:999px;background:var(--article-preview-accent-soft, #f0ebff);color:var(--article-preview-accent, #7447f4);font-size:11px;font-weight:700;letter-spacing:.02em}.article-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:26px 0}.article-stats-item{padding:22px 20px;border:1px solid rgba(116,71,244,.14);border-radius:22px;background:linear-gradient(145deg,#fbf9ff,#fff6fb)}.article-stats-num{display:block;margin-bottom:6px;font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.05;background:linear-gradient(100deg,#7447f4,#d6308e 55%,#f29a2e);-webkit-background-clip:text;background-clip:text;color:transparent}.article-stats-label{color:#5f586a;font-size:14.5px;line-height:1.5}.article-flow-ico img{width:34px;height:34px;filter:drop-shadow(0 6px 8px rgba(80,50,130,.2))}.blog-article-experience--spotify-preview .article-flow-ico:has(img){width:56px;height:56px;background:linear-gradient(145deg,#f6f1ff,#fff3f8)}@media(prefers-reduced-motion:no-preference){.article-body.anim-ready :is(.article-icon-card,.article-stats-item){transition:opacity .7s cubic-bezier(.22,1,.36,1),translate .7s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}.article-body.anim-ready :is(.article-icon-grid,.article-stats):not(.is-visible)>*{opacity:0;translate:0 24px}.article-body.anim-ready :is(.article-icon-grid,.article-stats)>:nth-child(2){transition-delay:.07s,.07s,0s,0s,0s}.article-body.anim-ready :is(.article-icon-grid,.article-stats)>:nth-child(3){transition-delay:.14s,.14s,0s,0s,0s}.article-body.anim-ready :is(.article-icon-grid,.article-stats)>:nth-child(4){transition-delay:.21s,.21s,0s,0s,0s}.article-body.anim-ready :is(.article-icon-grid,.article-stats)>:nth-child(5){transition-delay:.28s,.28s,0s,0s,0s}.article-body.anim-ready :is(.article-icon-grid,.article-stats)>:nth-child(6){transition-delay:.35s,.35s,0s,0s,0s}.article-body.anim-ready .article-gallery>.article-shot:nth-child(2){transition-delay:.08s}.article-body.anim-ready .article-gallery>.article-shot:nth-child(3){transition-delay:.16s}.article-icon-card img{animation:iconFloat 5.5s ease-in-out infinite}.article-icon-card:nth-child(2n) img{animation-delay:-2.2s}.article-icon-card:nth-child(3n) img{animation-delay:-3.6s}}@keyframes iconFloat{0%,to{translate:0 0}50%{translate:0 -4px}}@media(max-width:640px){.article-icon-grid,.article-stats{grid-template-columns:1fr 1fr;gap:10px}.article-icon-card{padding:16px 14px;border-radius:18px}.article-icon-card img{width:46px;height:46px}.article-icon-card strong{font-size:15px}.article-icon-card span{font-size:13px}.article-icon-card .tag{position:static;justify-self:start}.article-stats-num{font-size:26px}}@media(max-width:380px){.article-icon-grid{grid-template-columns:1fr}}.blog-article-experience--spotify-preview .article-summary ul{counter-reset:article-summary}.blog-article-experience--spotify-preview .article-summary li{counter-increment:article-summary;position:relative;overflow:hidden;min-height:0;padding:60px 22px 22px;background:linear-gradient(160deg,#fbf9ff,#fff 70%)}.blog-article-experience--spotify-preview .article-summary li:before{content:counter(article-summary,decimal-leading-zero);top:18px;left:22px;width:auto;height:auto;border-radius:0;background:linear-gradient(100deg,#7447f4,#d6308e 60%,#f29a2e);-webkit-background-clip:text;background-clip:text;color:transparent;box-shadow:none;font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1;transform:none}.blog-article-experience--spotify-preview .article-summary li:after{content:"";position:absolute;top:-40px;right:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(116,71,244,.1),transparent 70%);pointer-events:none}.blog-article-experience--spotify-preview .article-intro{position:relative;padding:34px 40px 34px 52px}.blog-article-experience--spotify-preview .article-intro:before{content:"";position:absolute;top:32px;bottom:32px;left:26px;width:4px;border-radius:4px;background:linear-gradient(180deg,#7447f4,#d6308e 55%,#f29a2e)}.blog-article-experience--spotify-preview .article-intro>p:first-child{color:#2e2737;font-size:18px;line-height:1.7}.article-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}@media(max-width:980px){.article-reasons{grid-template-columns:repeat(2,minmax(0,1fr))}}.article-reason{display:grid;align-content:start;gap:10px;padding:20px;border:1px solid rgba(105,83,142,.1);border-radius:20px;background:#fff;box-shadow:0 22px 44px -42px #37246273;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}.article-reason:hover{transform:translateY(-4px);border-color:#e5486340;box-shadow:0 26px 46px -34px #78284659}.article-reason-head{display:flex;align-items:center;gap:10px}.article-reason-ico{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:11px;color:#e5486a;background:linear-gradient(145deg,#fff0f3,#ffe3ea)}.article-reason-ico svg{width:17px;height:17px}.article-reason-label{color:#9a8fa6;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.article-reason strong{color:#1f1a27;font-size:16.5px;line-height:1.35}.article-reason-fix{display:flex;gap:8px;align-items:flex-start;padding-top:10px;border-top:1px dashed rgba(105,83,142,.16);color:#5f586a;font-size:14px;line-height:1.5}.article-reason-fix svg{flex:0 0 auto;width:16px;height:16px;margin-top:2px;color:#2ea06e}@media(prefers-reduced-motion:no-preference){.article-body.anim-ready .article-reason{transition:opacity .7s cubic-bezier(.22,1,.36,1),translate .7s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}.article-body.anim-ready .article-reasons:not(.is-visible)>*{opacity:0;translate:0 24px}.article-body.anim-ready .article-reasons>:nth-child(2){transition-delay:.07s,.07s,0s,0s,0s}.article-body.anim-ready .article-reasons>:nth-child(3){transition-delay:.14s,.14s,0s,0s,0s}.article-body.anim-ready .article-reasons>:nth-child(4){transition-delay:.21s,.21s,0s,0s,0s}.article-body.anim-ready .article-reasons>:nth-child(5){transition-delay:.28s,.28s,0s,0s,0s}.article-body.anim-ready .article-reasons>:nth-child(6){transition-delay:.35s,.35s,0s,0s,0s}}@media(max-width:640px){.blog-article-experience--spotify-preview .article-summary li{padding:54px 18px 18px}.blog-article-experience--spotify-preview .article-intro{padding:24px 20px 24px 36px}.blog-article-experience--spotify-preview .article-intro:before{left:18px;top:24px;bottom:24px}.blog-article-experience--spotify-preview .article-intro>p:first-child{font-size:16.5px}.article-reasons{grid-template-columns:1fr}}.article-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0;padding:0;list-style:none}.article-step{position:relative;display:grid;grid-template-columns:1fr auto;align-content:start;gap:6px 12px;padding:20px 20px 22px;border:1px solid rgba(105,83,142,.1);border-radius:20px;background:linear-gradient(160deg,#fbf9ff,#fff 65%);box-shadow:0 22px 44px -42px #37246273;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}.article-step:hover{transform:translateY(-4px);border-color:#7447f438;box-shadow:0 26px 46px -34px #41277a73}.article-step-num{grid-column:1;font-size:30px;font-weight:800;line-height:1;letter-spacing:-.03em;background:linear-gradient(100deg,#7447f4,#d6308e 60%,#f29a2e);-webkit-background-clip:text;background-clip:text;color:transparent}.article-step img{grid-column:2;grid-row:1 / span 2;width:48px;height:48px;filter:drop-shadow(0 8px 12px rgba(80,50,130,.2))}.article-step strong{grid-column:1 / -1;margin-top:10px;color:#1f1a27;font-size:16.5px;line-height:1.3}.article-step span.t{grid-column:1 / -1;color:#5f586a;font-size:14.5px;line-height:1.55}@media(prefers-reduced-motion:no-preference){.article-body.anim-ready .article-step{transition:opacity .7s cubic-bezier(.22,1,.36,1),translate .7s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}.article-body.anim-ready .article-steps:not(.is-visible)>*{opacity:0;translate:0 24px}.article-body.anim-ready .article-steps>:nth-child(2){transition-delay:.07s,.07s,0s,0s,0s}.article-body.anim-ready .article-steps>:nth-child(3){transition-delay:.14s,.14s,0s,0s,0s}.article-body.anim-ready .article-steps>:nth-child(4){transition-delay:.21s,.21s,0s,0s,0s}.article-body.anim-ready .article-steps>:nth-child(5){transition-delay:.28s,.28s,0s,0s,0s}.article-body.anim-ready .article-steps>:nth-child(6){transition-delay:.35s,.35s,0s,0s,0s}}@media(max-width:980px){.article-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.article-steps{grid-template-columns:1fr}}.blog-article-experience--spotify-preview .article-header.is-clean-hero .article-header-visual:after{background:linear-gradient(90deg,#fff 0% 30%,#ffffffd9 38%,#fff0 47%)}.blog-article-experience--spotify-preview .article-header.is-clean-hero .article-header-visual img,.blog-article-experience--spotify-preview .article-header.is-clean-hero:hover .article-header-visual img{filter:none}@media(max-width:1280px){.blog-article-experience--spotify-preview .article-header.is-clean-hero .article-header-visual:after{background:linear-gradient(90deg,#fff 0% 38%,#ffffffe0 47%,#fff0 58%)}}@media(max-width:820px){.blog-article-experience--spotify-preview .article-header.is-clean-hero{min-height:0;grid-template-rows:auto auto auto auto}.blog-article-experience--spotify-preview .article-header.is-clean-hero .article-meta{margin-bottom:18px}.blog-article-experience--spotify-preview .article-header.is-clean-hero .article-header-visual{position:relative;inset:auto;grid-row:4;height:auto;aspect-ratio:16 / 9}.blog-article-experience--spotify-preview .article-header.is-clean-hero .article-header-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center}.blog-article-experience--spotify-preview .article-header.is-clean-hero .article-header-visual:after{background:linear-gradient(180deg,#fff,#fff0 14%)}}@media(max-width:640px){.blog-article-experience--spotify-preview .article-flow-step{flex:0 0 auto;min-width:0;min-height:0;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:14px;align-items:center;padding:14px 2px;border-right:0;text-align:left}.blog-article-experience--spotify-preview .article-flow-ico,.blog-article-experience--spotify-preview .article-flow-ico:has(img){grid-row:1 / span 2;width:52px;height:52px;margin:0}.blog-article-experience--spotify-preview .article-flow-name{align-self:end;margin:0}.blog-article-experience--spotify-preview .article-flow-desc{align-self:start;margin:2px 0 0}.article-icon-grid{grid-template-columns:1fr;gap:10px}.article-icon-card{grid-template-columns:46px minmax(0,1fr);column-gap:14px;row-gap:3px;padding:16px}.article-icon-card img{grid-column:1;grid-row:1 / span 3;width:46px;height:46px;margin:0;align-self:start}.article-icon-card strong,.article-icon-card span{grid-column:2}.article-icon-card .tag{grid-column:2;grid-row:1;justify-self:start;margin-bottom:2px}.article-stats{grid-template-columns:1fr;gap:10px}.article-stats-item{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:12px;padding:16px}.article-stats-num{margin:0;font-size:24px}.article-stats-label{font-size:13.5px}.article-steps{gap:10px}.article-step{grid-template-columns:auto minmax(0,1fr) 40px;column-gap:14px;row-gap:2px;padding:16px}.article-step-num{grid-column:1;grid-row:1 / span 2;align-self:center;font-size:24px}.article-step strong{grid-column:2;grid-row:1;margin:0;font-size:15.5px}.article-step span.t{grid-column:2;grid-row:2;font-size:13.5px}.article-step img{grid-column:3;grid-row:1 / span 2;width:40px;height:40px;align-self:center}.article-reasons{gap:10px}.article-reason{gap:8px;padding:16px}.article-reason strong{font-size:15.5px}.article-reason-fix{padding-top:8px;font-size:13.5px}}.article-icon-card.has-mini{padding-top:16px}.article-mini{position:relative;display:grid;align-content:center;gap:7px;min-height:104px;margin-bottom:8px;padding:14px;overflow:hidden;border:1px solid rgba(105,83,142,.08);border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(242,154,46,.1),transparent 55%),linear-gradient(150deg,#f7f3ff,#fff5fa);font-size:12px;line-height:1.2;color:#3b3345;user-select:none}.am-row{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 9px;border-radius:11px;background:#fff;box-shadow:0 6px 14px -10px #37246259}.am-row.is-bad{opacity:.72}.am-ava{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#ffcf5a,#ff8d3a)}.am-ava.v2{background:linear-gradient(135deg,#a78bfa,#ec4899)}.am-ava.v3{background:linear-gradient(135deg,#5eead4,#3b82f6)}.am-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.am-muted{margin-left:auto;color:#9a8fa6;font-size:11px;white-space:nowrap}.am-chips{display:flex;flex-wrap:wrap;gap:6px}.am-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:#fff;font-weight:700;box-shadow:0 6px 14px -10px #37246259}.am-chip.is-ok{color:#1f7a4f;background:#e9f8f0}.am-chip.is-bad{color:#c2415d;background:#fff0f3;text-decoration:line-through;text-decoration-thickness:1.5px}.am-chip.is-gold{color:#8a5a06;background:linear-gradient(135deg,#fff4cf,#ffe39a)}.am-chip.is-grey{color:#6b6375;background:#efeaf4}.am-chip.is-violet{color:#5b34d6;background:#efe9ff}.am-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.am-tick{width:14px;height:14px;flex:0 0 auto}.am-field{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1.5px solid rgba(116,71,244,.35);border-radius:11px;background:#fff;font-weight:600}.am-field .am-label{color:#9a8fa6;font-weight:600}.am-field .am-caret{width:1.5px;height:14px;background:#7447f4;animation:amCaret 1s steps(1) infinite}.am-suggest{padding:6px 11px;border-radius:9px;background:#fff;color:#6b6375;font-size:11.5px;box-shadow:0 6px 14px -10px #37246259}.am-suggest b{color:#3b3345}.am-carousel{display:flex;gap:7px;justify-content:center}.am-photo{width:54px;height:54px;border-radius:13px;background:linear-gradient(135deg,#ffcf5a,#ff8d3a);box-shadow:0 8px 16px -10px #783c1480}.am-photo.p2{background:linear-gradient(135deg,#a78bfa,#ec4899);transform:translateY(-4px) scale(1.08)}.am-photo.p3{background:linear-gradient(135deg,#5eead4,#3b82f6)}.am-dots{display:flex;gap:5px;justify-content:center}.am-dots i{width:6px;height:6px;border-radius:50%;background:#d8cfe6}.am-dots i.on{width:16px;border-radius:4px;background:#7447f4}.am-lines{display:grid;gap:6px;padding:10px 11px;border-radius:11px;background:#fff;box-shadow:0 6px 14px -10px #37246259}.am-lines .h{font-weight:800;font-size:11.5px}.am-lines i{height:7px;border-radius:4px;background:#e8e1f0}.am-code{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:11px;background:#1f1a27;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;letter-spacing:.06em}.am-code .am-copy{padding:3px 8px;border-radius:7px;background:#ffffff24;font-family:inherit;font-size:10.5px;letter-spacing:0}.am-platforms{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.am-pl{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#fff;font-size:10px;font-weight:800;box-shadow:0 6px 12px -8px #28145080}.am-arrow{color:#9a8fa6;font-size:14px;font-weight:700}.am-cover{width:26px;height:26px;flex:0 0 auto;border-radius:7px;background:linear-gradient(135deg,#a78bfa,#ec4899)}@keyframes amCaret{50%{opacity:0}}@media(prefers-reduced-motion:no-preference){.article-icon-card.has-mini:hover .am-photo.p2{transform:translateY(-7px) scale(1.12)}.am-photo{transition:transform .4s cubic-bezier(.22,1,.36,1)}}@media(max-width:640px){.article-icon-card.has-mini{grid-template-columns:1fr}.article-icon-card.has-mini .article-mini,.article-icon-card.has-mini strong,.article-icon-card.has-mini>span:not(.tag){grid-column:1}.article-mini{min-height:92px}}.article-mini em{font-style:normal}.article-mini b{font-weight:700}.blog-article-experience--spotify-preview .article-checklist li:before{content:""!important;width:22px!important;height:22px!important;border-radius:50%!important;background:#efe9ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237447f4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center / 12px no-repeat!important;box-shadow:inset 0 0 0 1px #7447f42e;top:19px!important;left:12px}.article-roadmap{margin:28px 0 6px;padding:24px 24px 18px;border:1px solid rgba(116,71,244,.14);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(242,154,46,.08),transparent 45%),linear-gradient(160deg,#fbf9ff,#fff 70%)}.article-roadmap-title{margin-bottom:14px;color:#1f1a27;font-size:17px;font-weight:800}.article-roadmap-list{position:relative;display:grid;gap:4px}.article-roadmap-list:before{content:"";position:absolute;top:18px;bottom:18px;left:17px;width:2px;border-radius:2px;background:linear-gradient(180deg,#7447f4,#d6308e 55%,#f29a2e);opacity:.35}.article-roadmap-step{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:14px;padding:8px 0}.article-roadmap-step .n{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #7447f447,0 8px 18px -10px #50328273;color:#7447f4;font-size:14px;font-weight:800}.article-roadmap-step:last-child .n{background:linear-gradient(135deg,#7447f4,#d6308e);box-shadow:0 10px 20px -10px #7447f4b3;color:#fff}.article-roadmap-step>span{color:#3b3345;font-size:15.5px;line-height:1.45}@media(prefers-reduced-motion:no-preference){.article-body.anim-ready .article-roadmap-step{transition:opacity .6s cubic-bezier(.22,1,.36,1),translate .6s cubic-bezier(.22,1,.36,1)}.article-body.anim-ready .article-roadmap:not(.is-visible) .article-roadmap-step{opacity:0;translate:-12px 0}.article-body.anim-ready .article-roadmap-step:nth-child(2){transition-delay:.08s}.article-body.anim-ready .article-roadmap-step:nth-child(3){transition-delay:.16s}.article-body.anim-ready .article-roadmap-step:nth-child(4){transition-delay:.24s}.article-body.anim-ready .article-roadmap-step:nth-child(5){transition-delay:.32s}.article-body.anim-ready .article-roadmap-step:nth-child(6){transition-delay:.4s}}@media(max-width:640px){.article-roadmap{padding:18px 16px 12px}.article-roadmap-step>span{font-size:14.5px}}.article-stepper{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px;align-items:center;margin:26px 0}.article-stepper .article-roadmap{margin:0}.article-roadmap-step>span strong{display:block;color:#1f1a27;font-size:15.5px;line-height:1.35}.article-roadmap-step>span em{display:block;margin-top:2px;color:#6a6374;font-size:14px;font-style:normal;line-height:1.5}.article-roadmap.is-steps .article-roadmap-step{align-items:start;padding:9px 0}.article-roadmap.is-steps .article-roadmap-list:before{top:22px;bottom:22px}.article-shot-deck{position:relative;padding:34px 52px 10px 44px}.article-shot-deck .article-shot{margin:0;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}.article-shot-deck .article-shot:not(:last-child){position:absolute;inset:34px 52px auto 44px}.article-shot-deck .article-shot:nth-child(1){transform:translate(-30px,-30px) rotate(-5deg) scale(.92);opacity:.75}.article-shot-deck .article-shot:nth-child(2){transform:translate(20px,-18px) rotate(3deg) scale(.95);opacity:.88}.article-shot-deck .article-shot:last-child{position:relative;z-index:2;box-shadow:0 34px 70px -34px #3724628c}.article-shot-deck:hover .article-shot:nth-child(1){transform:translate(-44px,-40px) rotate(-7deg) scale(.92)}.article-shot-deck:hover .article-shot:nth-child(2){transform:translate(30px,-26px) rotate(5deg) scale(.95)}.article-shot-deck .article-shot figcaption{font-size:12.5px}@media(max-width:980px){.article-stepper{grid-template-columns:1fr;gap:18px}.article-shot-deck{display:flex;gap:12px;padding:0 0 6px;overflow-x:auto;scroll-snap-type:x mandatory}.article-shot-deck .article-shot,.article-shot-deck .article-shot:not(:last-child),.article-shot-deck .article-shot:last-child{position:relative;inset:auto;flex:0 0 82%;transform:none!important;opacity:1;scroll-snap-align:start;box-shadow:none}}.article-body .article-shot-deck .article-shot,.article-body.anim-ready .article-shot-deck .article-shot{transition:opacity .7s cubic-bezier(.22,1,.36,1),translate .7s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),box-shadow .65s ease}.article-journey{position:relative;display:grid;grid-template-columns:repeat(var(--journey-steps, 4),minmax(0,1fr));gap:10px;margin:30px 0 26px;padding:26px 18px 22px;border:1px solid rgba(116,71,244,.14);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(242,154,46,.08),transparent 45%),linear-gradient(160deg,#fbf9ff,#fff 70%)}.article-journey-track{position:absolute;top:44px;left:calc(18px + (100% - 36px) / (var(--journey-steps, 4) * 2));right:calc(18px + (100% - 36px) / (var(--journey-steps, 4) * 2));height:3px;border-radius:3px;background:#ebe4f5}.article-journey-track:after{content:"";position:absolute;inset:0;width:100%;border-radius:inherit;background:linear-gradient(90deg,#7447f4,#d6308e 60%,#f29a2e);transform-origin:left center}.article-journey-step{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;text-align:center}.article-journey-step .dot{display:grid;place-items:center;width:40px;height:40px;margin-bottom:8px;border-radius:50%;background:linear-gradient(135deg,#7447f4,#d6308e);box-shadow:0 0 0 5px #fff,0 10px 22px -10px #7447f4bf;color:#fff;font-size:15px;font-weight:800}.article-journey-step:last-child .dot{background:linear-gradient(135deg,#f29a2e,#d6308e)}.article-journey-step strong{color:#1f1a27;font-size:16px}.article-journey-step span{max-width:190px;color:#6a6374;font-size:13.5px;line-height:1.45}@media(prefers-reduced-motion:no-preference){.article-body.anim-ready .article-journey-track:after{transition:transform 1.2s cubic-bezier(.65,0,.35,1) .15s}.article-body.anim-ready .article-journey:not(.is-visible) .article-journey-track:after{transform:scaleX(0)}.article-body.anim-ready .article-journey-step .dot{transition:background-color .4s ease,box-shadow .4s ease,color .4s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.article-body.anim-ready .article-journey:not(.is-visible) .article-journey-step .dot{transform:scale(.6)}.article-body.anim-ready .article-journey-step:nth-child(3) .dot{transition-delay:0s,0s,0s,.35s}.article-body.anim-ready .article-journey-step:nth-child(4) .dot{transition-delay:0s,0s,0s,.65s}.article-body.anim-ready .article-journey-step:nth-child(5) .dot{transition-delay:0s,0s,0s,.95s}}.article-showcase{position:relative;margin:10px 0 6px;padding:34px 28px;border-radius:26px;background:radial-gradient(60% 70% at 50% 45%,rgba(255,207,90,.28),transparent 70%),radial-gradient(50% 60% at 20% 80%,rgba(116,71,244,.14),transparent 70%),linear-gradient(160deg,#fbf9ff,#fff6fb);perspective:1400px}.article-showcase .article-shot{max-width:760px;margin:0 auto;transform:rotateX(7deg) rotateY(-4deg);transform-origin:center 60%;box-shadow:0 40px 70px -40px #3724628c;transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s ease,opacity .7s ease,translate .7s ease}.article-showcase:hover .article-shot{transform:none;box-shadow:0 30px 60px -36px #37246280}@media(max-width:640px){.article-journey{grid-template-columns:1fr;gap:14px;padding:20px 16px}.article-journey-track{inset:38px auto 38px 35px;width:3px;height:auto}.article-journey-track:after{transform-origin:center top}.article-body.anim-ready .article-journey:not(.is-visible) .article-journey-track:after{transform:scaleY(0)}.article-journey-step{grid-template-columns:40px minmax(0,1fr);justify-items:start;column-gap:14px;row-gap:2px;text-align:left}.article-journey-step .dot{grid-row:1 / span 2;margin:0}.article-journey-step span{max-width:none}.article-showcase{padding:18px 12px;border-radius:20px}.article-showcase .article-shot{transform:none}}.article-body .article-showcase .article-shot,.article-body.anim-ready .article-showcase .article-shot{transition:opacity .7s cubic-bezier(.22,1,.36,1),translate .7s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),box-shadow .8s ease}.article-journey .article-journey-step .dot{position:relative;isolation:isolate;background:#fff;color:#fff}.article-journey .article-journey-step .dot:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:linear-gradient(135deg,#7447f4,#d6308e)}.article-journey .article-journey-step:last-child .dot:before{background:linear-gradient(135deg,#f29a2e,#d6308e)}.article-journey .article-journey-step .dot .ok{position:absolute;top:-6px;right:-8px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2.5px #fff,0 6px 12px -4px #22c55e99}.article-journey .article-journey-step .dot .ok svg{width:11px;height:11px}@media(prefers-reduced-motion:no-preference){.article-body.anim-ready .article-journey .article-journey-track:after{transition:transform 2.4s linear .15s}.article-body.anim-ready .article-journey .article-journey-step .dot{transform:none;transition:color .45s ease,box-shadow .45s ease}.article-body.anim-ready .article-journey .article-journey-step .dot:before{transition:opacity .45s ease,transform .55s cubic-bezier(.34,1.56,.64,1)}.article-body.anim-ready .article-journey .article-journey-step .dot .ok{transition:transform .45s cubic-bezier(.34,1.8,.64,1),opacity .25s ease}.article-body.anim-ready .article-journey:not(.is-visible) .article-journey-step .dot{transform:none;color:#7447f4;box-shadow:inset 0 0 0 2px #7447f44d,0 0 0 5px #fff}.article-body.anim-ready .article-journey:not(.is-visible) .article-journey-step .dot:before{opacity:0;transform:scale(.4)}.article-body.anim-ready .article-journey:not(.is-visible) .article-journey-step .dot .ok{opacity:0;transform:scale(0)}.article-body.anim-ready .article-journey .article-journey-step:nth-child(2) .dot,.article-body.anim-ready .article-journey .article-journey-step:nth-child(2) .dot:before{transition-delay:.15s}.article-body.anim-ready .article-journey .article-journey-step:nth-child(2) .dot .ok{transition-delay:.45s}.article-body.anim-ready .article-journey .article-journey-step:nth-child(3) .dot,.article-body.anim-ready .article-journey .article-journey-step:nth-child(3) .dot:before{transition-delay:.95s}.article-body.anim-ready .article-journey .article-journey-step:nth-child(3) .dot .ok{transition-delay:1.25s}.article-body.anim-ready .article-journey .article-journey-step:nth-child(4) .dot,.article-body.anim-ready .article-journey .article-journey-step:nth-child(4) .dot:before{transition-delay:1.75s}.article-body.anim-ready .article-journey .article-journey-step:nth-child(4) .dot .ok{transition-delay:2.05s}.article-body.anim-ready .article-journey .article-journey-step:nth-child(5) .dot,.article-body.anim-ready .article-journey .article-journey-step:nth-child(5) .dot:before{transition-delay:2.55s}.article-body.anim-ready .article-journey .article-journey-step:nth-child(5) .dot .ok{transition-delay:2.85s}}.blog-article-experience--spotify-preview .article-section-card.is-v2{--tone: #7447f4;--tone-2: #d6308e;--tone-soft: rgba(116, 71, 244, .09);position:relative;overflow:hidden;background:radial-gradient(520px 300px at 100% 0,var(--tone-soft),transparent 70%),#fff}.blog-article-experience--spotify-preview .article-section-card.tone-rose{--tone: #e5486a;--tone-2: #f29a2e;--tone-soft: rgba(229, 72, 106, .08)}.blog-article-experience--spotify-preview .article-section-card.tone-gold{--tone: #c8891a;--tone-2: #f5b94a;--tone-soft: rgba(245, 185, 74, .14)}.blog-article-experience--spotify-preview .article-section-card.tone-mint{--tone: #139a73;--tone-2: #3b82f6;--tone-soft: rgba(19, 154, 115, .08)}.blog-article-experience--spotify-preview .article-section-card.tone-dark{--tone: #f5c35a;--tone-2: #ff8fb6;--tone-soft: rgba(245, 195, 90, .14)}.blog-article-experience--spotify-preview .article-section-head.is-v2{position:relative;display:block;padding:40px 36px 0}.article-section-mark{position:absolute;top:6px;right:22px;font-size:150px;font-weight:800;line-height:1;letter-spacing:-.07em;background:linear-gradient(135deg,var(--tone),var(--tone-2));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.11;pointer-events:none;user-select:none}.article-section-label{display:inline-flex;align-items:center;gap:9px;margin-bottom:12px;color:var(--tone);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.article-section-label:before{content:"";width:24px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--tone),var(--tone-2))}.blog-article-experience--spotify-preview .article-section-head.is-v2 h2{position:relative;max-width:82%}.article-section-card.is-v2 .article-section-body>p a{color:var(--tone);text-decoration-color:color-mix(in srgb,var(--tone) 35%,transparent)}.article-section-card.tone-gold .article-stats-item{border-color:#c8891a33;background:linear-gradient(145deg,#fffaf0,#fff6e4)}.article-section-card.tone-gold .article-stats-num{background:linear-gradient(100deg,#a86a12,#e2a92c 55%,#d6308e);-webkit-background-clip:text;background-clip:text}.article-section-card.tone-gold .article-icon-card:hover{border-color:#c8891a4d}.article-section-card.tone-mint .article-icon-card:hover{border-color:#139a7347}.blog-article-experience--spotify-preview .article-section-card.tone-dark{border-color:#ffffff0f;background:radial-gradient(520px 300px at 100% 0,rgba(245,195,90,.16),transparent 70%),radial-gradient(420px 260px at 0 100%,rgba(116,71,244,.22),transparent 70%),linear-gradient(160deg,#1d1828,#120f19);box-shadow:0 30px 70px -40px #140a28cc}.blog-article-experience--spotify-preview .article-section-card.tone-dark h2{color:#fff}.article-section-card.tone-dark .article-section-mark{opacity:.2}.blog-article-experience--spotify-preview .article-section-card.tone-dark .article-section-body p{color:#c9c1d6}.article-section-card.tone-dark .article-section-body a{color:#f5c35a}.article-section-card.tone-dark .article-icon-card{border-color:#ffffff17;background:#ffffff0d;box-shadow:none}.article-section-card.tone-dark .article-icon-card:hover{border-color:#f5c35a59;box-shadow:0 24px 40px -30px #000c}.article-section-card.tone-dark .article-icon-card strong{color:#fff}.article-section-card.tone-dark .article-icon-card>span{color:#b8afc6}.article-section-card.tone-dark .article-roadmap{border-color:#ffffff17;background:#ffffff0a}.article-section-card.tone-dark .article-roadmap-title{color:#fff}.article-section-card.tone-dark .article-roadmap-step>span{color:#d8d0e4}.article-section-card.tone-dark .article-roadmap-step .n{background:#221c30;color:#f5c35a;box-shadow:inset 0 0 0 2px #f5c35a59}.article-section-card.tone-dark .article-roadmap-step:last-child .n{background:linear-gradient(135deg,#f5c35a,#ff8fb6);color:#1d1828}.article-section-card.tone-dark .article-roadmap-list:before{background:linear-gradient(180deg,#f5c35a,#ff8fb6);opacity:.5}@media(min-width:981px){.article-section-card.layout-split .article-section-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:34px;align-items:center}.article-section-card.layout-split .article-section-body>*{grid-column:1}.article-section-card.layout-split .article-section-body>:is(.article-showcase,.article-shot-deck){grid-column:2;grid-row:1 / span 3;margin:0}.article-section-card.layout-split .article-section-body>:is(.article-journey,.article-icon-grid,.article-stats,.article-reasons,.article-gallery,.article-stepper){grid-column:1 / -1}.article-section-card.layout-split .article-section-body>p{font-size:17px}}.article-rail{display:none}@media(min-width:1580px){.article-rail{position:fixed;top:50%;left:max(14px,calc((100vw - 88rem)/2 - 150px));z-index:20;display:grid;gap:4px;transform:translateY(-50%)}.article-rail-item{--tone: #7447f4;display:flex;align-items:center;gap:10px;padding:4px 6px;border-radius:12px;color:#9a8fa6;text-decoration:none}.article-rail-item.tone-rose{--tone: #e5486a}.article-rail-item.tone-gold{--tone: #c8891a}.article-rail-item.tone-mint{--tone: #139a73}.article-rail-item.tone-dark{--tone: #1d1828}.article-rail-dot{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px #69538e2e;font-size:11px;font-weight:800;transition:background .3s ease,color .3s ease,box-shadow .3s ease,transform .3s ease}.article-rail-label{max-width:0;overflow:hidden;white-space:nowrap;font-size:12.5px;font-weight:700;opacity:0;transition:max-width .35s ease,opacity .25s ease}.article-rail-item.is-done .article-rail-dot{color:var(--tone);box-shadow:inset 0 0 0 1.5px var(--tone)}.article-rail-item.is-active .article-rail-dot{background:var(--tone);color:#fff;box-shadow:0 8px 16px -8px var(--tone);transform:scale(1.12)}.article-rail-item.is-active .article-rail-label,.article-rail:hover .article-rail-label{max-width:190px;opacity:1}.article-rail-item.is-active .article-rail-label{color:var(--tone)}.article-rail-item:hover .article-rail-dot{box-shadow:inset 0 0 0 1.5px var(--tone);color:var(--tone)}}@media(max-width:760px){.blog-article-experience--spotify-preview .article-section-head.is-v2{padding:26px 20px 0}.article-section-mark{top:2px;right:12px;font-size:92px}.blog-article-experience--spotify-preview .article-section-head.is-v2 h2{max-width:none}.article-section-label{margin-bottom:8px;font-size:11px}}@media(min-width:981px){.article-section-card.layout-split .article-section-body>p:first-child{grid-row:1 / span 3;align-self:center}}.article-section-card.is-v2 .article-icon-card .tag{color:var(--tone);background:var(--tone-soft)}@media(min-width:1580px){.article-rail-item{position:relative}.article-rail-label,.article-rail-item.is-active .article-rail-label,.article-rail:hover .article-rail-label{position:absolute;top:50%;left:46px;max-width:none;padding:7px 12px;border-radius:10px;background:#fff;box-shadow:0 12px 26px -12px #37246273,0 0 0 1px #69538e1a;color:var(--tone);opacity:0;pointer-events:none;transform:translate(-6px,-50%);transition:opacity .2s ease,transform .25s cubic-bezier(.22,1,.36,1)}.article-rail-item:hover .article-rail-label,.article-rail-item:focus-visible .article-rail-label{opacity:1;transform:translateY(-50%)}}@media(max-width:760px){.article-section-mark{top:4px;right:12px;font-size:64px;opacity:.1}.article-section-card.tone-dark .article-section-mark{opacity:.14}.blog-article-experience--spotify-preview .article-section-head.is-v2 h2{padding-right:36px}}.article-icon-card.c-violet{--card-c: #7447f4;--card-bg: #f4efff}.article-icon-card.c-rose{--card-c: #e5486a;--card-bg: #fff0f4}.article-icon-card.c-sky{--card-c: #2f7de1;--card-bg: #eef5ff}.article-icon-card.c-gold{--card-c: #c8891a;--card-bg: #fff7e6}.article-icon-card.c-mint{--card-c: #139a73;--card-bg: #ebfaf4}.article-icon-card.c-orange{--card-c: #ea6c1f;--card-bg: #fff2e9}.article-icon-card:is(.c-violet,.c-rose,.c-sky,.c-gold,.c-mint,.c-orange){border-color:color-mix(in srgb,var(--card-c) 16%,transparent);background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--card-c) 12%,transparent),transparent 60%),linear-gradient(165deg,var(--card-bg),#fff 75%)}.article-icon-card:is(.c-violet,.c-rose,.c-sky,.c-gold,.c-mint,.c-orange):hover{border-color:color-mix(in srgb,var(--card-c) 38%,transparent);box-shadow:0 26px 46px -32px color-mix(in srgb,var(--card-c) 55%,transparent)}.article-section-card.is-v2 .article-icon-card:is(.c-violet,.c-rose,.c-sky,.c-gold,.c-mint,.c-orange) .tag{color:var(--card-c);background:color-mix(in srgb,var(--card-c) 12%,#fff)}.article-icon-card:is(.c-violet,.c-rose,.c-sky,.c-gold,.c-mint,.c-orange) strong:after{content:"";display:block;width:22px;height:3px;margin-top:8px;border-radius:3px;background:var(--card-c);opacity:.55}.article-icon-card.has-mini:is(.c-violet,.c-rose,.c-sky,.c-gold,.c-mint,.c-orange) .article-mini{background:linear-gradient(150deg,color-mix(in srgb,var(--card-c) 9%,#fff),#fff);border-color:color-mix(in srgb,var(--card-c) 14%,transparent)}.studio-laptop{margin:36px 0;padding:30px 18px 18px;border-radius:24px;background:radial-gradient(ellipse at 50% 40%,#e7dcff,#f8f6fc 72%)}.studio-laptop-display{position:relative;width:92%;margin:0 auto;padding:20px 9px 10px;border:2px solid #797a83;border-radius:18px 18px 4px 4px;background:#17171d;box-shadow:0 16px 36px #30204422}.studio-laptop-camera{position:absolute;left:calc(50% - 3px);top:7px;width:6px;height:6px;border-radius:50%;background:#323745;box-shadow:inset 0 0 0 2px #222631}.studio-laptop-display a{display:flex;justify-content:center;align-items:center;aspect-ratio:16 / 10;overflow:hidden;border-radius:5px;background:#fff;line-height:0}.studio-laptop-display img{display:block;width:100%;height:100%;object-fit:contain;margin:0;border:0;border-radius:0}.studio-laptop--detail .studio-laptop-display a{display:flex;justify-content:center;background:linear-gradient(120deg,#f2edf9,#fcfbfe)}.studio-laptop--detail .studio-laptop-display img{width:auto;max-width:100%;height:100%;object-fit:contain}.studio-laptop-base{position:relative;height:17px;border-radius:2px 2px 48% 48%/2px 2px 85% 85%;background:linear-gradient(#edeef2,#b7b9c2 55%,#858792);box-shadow:0 13px 15px -9px #30204466}.studio-laptop-base span{display:block;width:16%;height:6px;margin:auto;border-radius:0 0 8px 8px;background:linear-gradient(#a2a4ad,#d2d3db)}.studio-laptop figcaption{margin:22px auto 0;max-width:720px;color:#665c72;font-size:13px;line-height:1.65;text-align:center}.studio-laptop a:focus-visible{outline:3px solid #ad75ff;outline-offset:3px}@media(max-width:640px){.studio-laptop{padding:20px 6px 14px;margin:24px 0;border-radius:16px}.studio-laptop-display{width:94%;padding:13px 4px 5px;border-radius:10px 10px 2px 2px;border-width:1px}.studio-laptop-camera{top:4px;width:4px;height:4px}.studio-laptop-base{height:9px}.studio-laptop-base span{height:3px}.studio-laptop figcaption{padding:0 8px;font-size:12px}}.guide-map{margin:8px 0 36px;padding:28px;border:1px solid #e7ddec;border-radius:24px;background:linear-gradient(125deg,#fff6fa,#f5f1ff);color:#252034}.guide-eyebrow{display:block;color:#97315c;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.guide-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:22px}.guide-map-grid>div{min-width:0}.guide-number{display:block;margin-bottom:18px;color:#a72a70;font-size:30px;font-weight:800;line-height:1;letter-spacing:-.06em}.guide-map-grid strong{display:block;font-size:17px;line-height:1.35}.guide-map-grid p{margin:8px 0 0;color:#63596f;font-size:14px;line-height:1.55}.guide-map-note{margin-top:24px;padding-top:17px;border-top:1px solid #dfd3e6;color:#63596f;font-size:13px;line-height:1.6}.article-checklist.guide-checklist{padding:26px;border:1px solid #e4dce9;border-radius:22px;background:#faf8fc}.article-checklist.guide-checklist .article-checklist-title{color:#33273f;font-size:19px;margin-bottom:18px}.article-checklist.guide-checklist li{padding:15px 14px 15px 40px!important;background:#fff;color:#453b50;border-color:#eee7f1;font-size:14px;line-height:1.6}.article-checklist.guide-checklist li:before{content:""!important;top:18px!important;width:14px!important;height:14px!important;background:#fff!important;border:1.5px solid #ac8ab9;border-radius:4px!important}.guide-letter{margin:26px 0;overflow:hidden;border:1px solid #ded4e6;border-radius:22px;background:#fff;box-shadow:0 12px 36px #39204708}.guide-letter-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:20px 26px;background:#f7f2fa;border-bottom:1px solid #e8dfed}.guide-letter-tag{color:#72617d;font-size:12px}.guide-letter-body{padding:24px 26px;overflow-wrap:anywhere}.guide-letter-body p{margin:0 0 10px;color:#453b50;font-size:15px;line-height:1.8}.guide-letter-body p:first-child{color:#30203f;font-weight:700;margin-bottom:20px}.guide-letter-body p:last-child{margin:20px 0 0;padding-top:18px;border-top:1px dashed #ddd1e5}@media(max-width:640px){.guide-map{padding:22px 20px;border-radius:20px}.guide-map-grid{grid-template-columns:1fr;gap:20px}.guide-map-grid>div{position:relative;padding-left:46px}.guide-number{position:absolute;left:0;top:2px;font-size:25px}.guide-map-grid p{margin-top:4px}.article-checklist.guide-checklist{padding:20px 16px}.guide-letter-heading{padding:18px 20px}.guide-letter-body{padding:20px}}.article-checklist.guide-checklist ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.article-checklist.guide-checklist li{position:relative;margin:0;border:1px solid #eee7f1;border-radius:12px}.article-checklist.guide-checklist li:before{position:absolute;left:12px}@media(max-width:640px){.article-checklist.guide-checklist ul{grid-template-columns:1fr}}